Overview

While it is possible to use a pixel in various ways, most likely you will want to use it to track completed purchases. This article focuses on configuring this use case.


Prerequisite

If you have not already, complete your Google Tag Manager (GTM) Tenant Setup.


Configure a Pixel Tag to trigger on Order Confirmation

  1. Log into Google Tag Manager

  2. Navigate to the Container you want to add the tag to (e.g. ACME Production)

  3. Click Tags in the left nav

  4. Click New

  5. Provide a title (e.g. Facebook Pixel)

  6. Click on Tag Configuration to open the list of options

  7. Select Custom HTML

  8. Insert the pixel code in the HTML section

  9. Go to Advanced Settings and make sure the Tag firing options is set to 'Once per event'

  10. Tap on Triggering to open the list of options

  11. Select the checkout trigger you configured to fire on “Purchase::Complete” (see Google Tag Manager (GTM) Tenant Setup if you have not created this yet)

  12. Save


How to Test

  1. In Google Tag Manager, tap "Preview"

  2. In another browser tab, go to your ACME environment

    1. You can test this out in your sandbox environment (e.g. https://sand10-buy.acmeticketing.net/events/<Tenant ID>/list) provided you have the "gtm-tracking-code-test" value defined in your Theme in ACME backoffice.

  3. You should see the Google Tag Manager debugger at the bottom of your screen.

    1. If you do not see this, make sure you don't have any ad blockers like uBlock running. Perform a hard refresh and you should see the debug panel.

  4. Complete a checkout.

    1. Once on the confirmation page, you should see that the new tag configured is successfully fired