How to add tracking code to your web app

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

How to track your Web App

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:

1. Log in to your Passion.io account

2. Go to Settings

3. Go to the tab Tracking and Analysis

4. Click on Add Tracking Code

5. 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 arc="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 on the Snipped section.

How to Add Facebook Pixel

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 -->

7. Replace the your-pixel-id-goes-herewith your Facebook (Meta) pixel

6. 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 code

3. Frequently Asked Questions (FAQs)

1. 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)

How to add tracking code to your web app

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

IN THIS ARTICLE

1. What can I track?

2. How can I track?

3. Frequently Asked Questions (FAQs)

How to track your Web App

1. What can I track?

2. How can I track?

3. Frequently Asked Questions (FAQs)

1. How can I make sure it is connected properly?

SUGGESTED ARTICLES

Was this article helpful?

Was this article helpful?