How do I add tracking code to my web app?

You can track your audience’s behavior on your web app and use it to communicate with them effectively.

IN THIS ARTICLE

1. What can I track?

2. How can I track?

3. Frequently Asked Questions (FAQs)

1. What can I track?

There are different tracking codes you can add to your web app, such as:

• E.g. Google Analytics
• E.g. Facebook Pixel
• and many, many more!

The process of getting your tracking code depends on what you use to track your website. Please click on the Hyperlink for the instructions on how to get a tracking code: Google Analytics, Facebook Pixel. 

2. How can I track?

To add your tracking code:

• From your Web App, go to your Admin View.
• Go to My App and then go to Settings.

• Scroll down to Tracking and Analysis.

• Add Tracking Code. 

• Once you have entered your tracking code Title and Snippet, click on Apply

How to Add Google Analytics Tracking

To find your tracking ID:

• Sign in to your Analytics account.
• Click Admin.
• Select an account from the menu in the ACCOUNT column.
• Select a property from the menu in the PROPERTY column.
• Under PROPERTY, click Tracking Info > Tracking Code.

Your Tracking ID is displayed at the top of the page.

Once you’ve identified your tracking ID, you’ll need to get your tracking code snippet that is called  Global Site Tag (gtag.js).

To copy and paste your gtag.js, follow these steps:

• Copy the gtag.js shown in the example below:

<!-- Global Site Tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=GA_TRACKING_ID"></script>
<script>
   window.dataLayer = window.dataLayer || [];
   function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());   

   gtag('config', 'GA_TRAKING_ID');
</script>

• Replace the GA_TRACKING_ID with your unique tracking ID provided by Google Analytics

• Paste the code snippet in the Snipped section. 

How to set up Facebook (Meta) Pixel:

• Go to Events Manager.
• Click the green Plus button and Connect Data Sources and select Web.
• Select Meta Pixel and click Connect.
• Add your Pixel Name.
• Enter your website URL to check for easy setup options.
• Click Continue.
• Once you have your pixel you can add it to this snippet and add it to the snippet section.

<!-- Facebook Pixel Code -->
<script>
  !function(f,b,e,v,n,t,s)
  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
  n.queue=[];t=b.createElement(e);t.async=!0;
  t.src=v;s=b.getElementsByTagName(e)[0];
  s.parentNode.insertBefore(t,s)}(window, document,'script',
  'https://connect.facebook.net/en_US/fbevents.js');
  fbq('init', '{your-pixel-id-goes-here}');
  fbq('track', 'PageView');
</script>
<noscript>
  <img height="1" width="1" style="display:none" 
       src="https://www.facebook.com/tr?id={your-pixel-id-goes-here}&ev=PageView&noscript=1"/>
</noscript>
<!-- End Facebook Pixel Code -->

• Replace the your-pixel-id-goes-herewith your Facebook (Meta) pixel
• Once the Title and Snippet are complete, click on Apply. You can add several tracking codes to your web app as well as edit and remove existing tracking codes.

3. Frequently Asked Questions (FAQs)

• How can I make sure it is connected properly?

You can check by checking in the connected tracking/analytics application. You should receive data from your Passion.io app (it can take some time until the provider of your tracking/analytics application processes the first data of your Passion.io app)