*Please note: our advanced analytics tools are for Shaker plans only. If you're interested in upgrading, browse our plan options here.

Adding Google Analytics to your Podia website is super easy, and it allows you to get lots of useful information about your web visitors. But it's also possible to add more advanced analytics to your Podia website, allowing you to use powerful tools like Facebook Pixel, Google Analytics Events, and many more.

Heads up: Setting up website and conversion tracking requires some technical knowledge and can be intimidating. Using this feature incorrectly could potentially break your Podia site. If you’re not confident adding tracking code yourself, you can always reach out to us for help. We’re here for you! 😊

Okay, let’s get into the details...

There are two types of tracking codes you can add to Podia:

  1. Website tracking code: this loads whenever someone views a page on your Podia storefront.
  2. Conversion tracking code: this loads whenever someone purchases a product or subscribes via a landing page.

Your analytics tool should specify whether a code snippet should appear on every single page (website tracking) or only on “success” or "thank you" pages (conversion tracking). We’ll use Facebook Pixel as an example, but the same concepts will apply to most analytics tools.

Heads up: your tracking code is not output when you are logged in to Podia. This ensures your own page views and test orders are not tracked to your analytics tools. To work around this, simply open your site in a private tab or another browser.

Website tracking code

Website tracking code will execute on every page of your Podia storefront. These code snippets usually collect information about all page views, from all visitors, across your entire website.

Example: Facebook Pixel calls this code the “Pixel base code," and describes it: “The pixel base code tracks activity on your website, providing a baseline for measuring specific events. The base code should be installed on every page of your website.”

To install your website tracking code:

  1. Open the dropdown menu in the top-right corner of the main navigation.
  2. Click on “Settings”
  3. Scroll down until you see the “Advanced tracking code” section
  4. Copy the tracking code from your analytics tools and paste into the text area labelled “Website tracking code”

Conversion tracking code

Conversion tracking code executes only when a conversion event occurs— specifically, when a customer subscribes to a landing page or purchases a product. Tracking conversion events provides your analytics tool with more information about the specific action your customer took, enabling you to learn, for example, which traffic sources are more likely to result in paying customers.

Example: Facebook Pixel calls this code the “Event code," and describes it: “Events are actions that happen on your website, either as a result of Facebook ads (paid) or organic reach (unpaid). Event code lets you track those actions and leverage them in advertising.”

To install your conversion tracking code:

  1. Open the dropdown menu in the top-right corner of the main navigation.
  2. Click on “Settings”
  3. Scroll down until you see the “Advanced tracking code” section
  4. Copy the tracking code from your analytics tools and paste into the text area labelled, “Conversion tracking code”

Note: You may need to modify the conversion tracking code provided by your analytics tool. If you’re unsure or want some help, give us a shout!

Here’s an example of how to track purchases and landing page signups as different events using Facebook Pixel:

<script type="text/javascript">
  if (Coach.Conversion.object.type === 'product') {
    /* Track a Course or Digital Download purchase. */
    fbq('track', 'Purchase', {
      currency: 'USD',
      value: Coach.Conversion.revenue_cents,
      content_name: Coach.Conversion.object.name,
      content_ids: Coach.Conversion.object.id.toString(),
      content_type: 'product'
    });
  } else if (Coach.Conversion.object.type === 'landing_page') {
    /* Track a landing page signup. */
    fbq('track', 'Lead', {
      currency: 'USD',
      value: Coach.Conversion.revenue_cents,
      content_name: Coach.Conversion.object.name
    });
  }
</script>

Or, using Google Analytics:

<script type="text/javascript">
  if (Coach.Conversion.object.type === 'product') {
    /* Track a Course or Digital Download purchase. */
    ga('tutorTracker.send', 'event', 'Conversion', 'Purchase',
        Coach.Conversion.object.name, Coach.Conversion.revenue_cents);
  } else if (Coach.Conversion.object.type === 'landing_page') {
    /* Track a landing page signup. */
    ga('tutorTracker.send', 'event', 'Conversion', 'Lead',
        Coach.Conversion.object.name, Coach.Conversion.revenue_cents);
  }
</script>

(Note: your Podia storefront uses a named tracker, tutorTracker, for Google Analytics).

Conversion events in detail

There are two types of conversion events in Podia. They occur whenever someone:

  1. Purchases an online course or digital download (including free products)
  2. Subscribes to a landing page

You may want to track purchases differently than landing page signups, or you may want to track specific attributes about the conversion (such as revenue). To make this possible, Podia provides more details about the conversion event via the Coach.Conversion  JavaScript object.

The Coach.Conversion  object is available to your conversion tracking code and has the following attributes:

  • object.type A String representing the type of conversion that occurred. "product"  or "landing_page". Note that "product" represents both digital downloads and online courses.
  • object.id The unique ID for the product or landing page.
  • object.name The title you've given this product or landing page.
  • object.order_id  The unique ID for this order (digital downloads and courses only). 
  • customer.id The unique ID of the customer who triggered the event.
  • customer.email The email address of the customer who triggered the event.
  • revenue_cents The amount of revenue generated by this conversion, in cents. This value will be 0  for free products and landing page signups.

Example product purchase (paid)

Coach.Conversion = {
    object: {
      type: 'product',
      id: 12345,
      name: "Design For Developers",
      order_id: 90210
    },
    customer: {
      id: 6789,
      email: 'customer@example.com'
    },
    revenue_cents: 49500
};

Example product purchase (free)

Coach.Conversion = {
    object: {
      type: 'product',
      id: 23456,
      name: "Basic Design Principles",
      order_id: 90210
    },
    customer: {
      id: 6789,
      email: 'customer@example.com'
    },
    revenue_cents: 0
};

Example landing page signup

Coach.Conversion = {
    object: {
      type: 'landing_page',
      id: 3456,
      name: "My Newsletter"
    },
    customer: {
      id: 6789,
      email: 'customer@example.com'
    },
    revenue_cents: 0
};

We hope you found this guide useful. We know this topic can be quite technical and confusing, so we welcome your questions and feedback. 

Drop us a line at hello@podia.com, or click the icon below to chat!

Did this answer your question?