How To Setup PanelPlace JavaScript Tracker

JavaScript Tracking Code

The JavaScript Tracking Code is the easiest way to track conversions with PanelPlace.

This guide will explain how you can use the JavaScript Tracking Code to start tracking your campaign conversions.

Note: To use JavaScript Tracking Code for conversion tracking, your campaign's destination URL must contain the pp_txn_id parameter and [transaction_id] placeholder in order for the code to capture the transaction_id's value. (Eg. https://www.yourwebsite.com/signup?pp_txn_id=[transaction_id])

Finding the PanelPlace JavaScript Tracking Code

To use all the features described in this page, you need to use the latest version of the tracking code. To find the tracking code for your website, follow the steps below:

  1. Log in to your PanelPlace ads account with your email address and password
  2. Click on the campaign that you want to track
  3. Click on the Conversion Tracking Code tab and you should see the JavaScript tracking code
  4. Copy and paste the JavaScript tracking code into your pages, within the <head> section. Alternatively, you could also set up the JavaScript tracking code into your Google Tag Manager.

The tracking code looks as follows: 

<!-- PanelPlace Tracker -->
<script>
!function(){
    // Set your thank you page/trigger path here
    // Ex. "/thank-you", "/thankyou.html" (must begin with forward slash)
    window.pp_trigger_path = "{/trigger_page}";
    var e=document.createElement("script");e.src="//trk.panelplace.com/js/panelplace.js",e.async=!0;var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)
}();
</script>
<!-- End PanelPlace Tracker -->

In your tracking code, {/trigger_page} should be replaced by your website page that you are tracking conversions. For example, if the conversion is to be tracked on http://www.yourwebsite.com/thank-you, then you would replace {/trigger_page} with /thank-you

Setting up PanelPlace JavaScript Tracking Code in Google Tag Manager

  1. Login to Google Tag Manager.
  2. On the Workspace Overview screen, click New Tag. Or from anywhere in your container, click Tags and then New.
  3. Click Tag Configuration and choose Custom HTML tag type.

  4. Copy and Paste the PanelPlace JavaScript Tracking Code into the HTML box and make sure to replace the {/trigger_page} with your website page that you are tracking conversions.
  5. Check the box that says Support document.write below the HTML box.
  6. Add a new Trigger in the Triggering box.
  7. Choose the All Pages option.
  8. Click the Save button at the top right.
  9. You may name the tag as "PanelPlace Tracker" and save it.
  10. Click the Submit button to save changes of the Workspace.

For more information about installing the Google Tag Manager snippet, you may visit Google’s Quick Start Guide.