Google Tag Manager

If you are using Google Tag Manager to place 3rd party pixels for your websites, you will be able to implement our FuelX event tracking with the provided steps. This pageview event code will need to placed across your entire website in order for additional event tracking to track and record data properly.

Page View

Implementation

  1. Access your Google Tag Manager account and choose the appropriate container.
  2. Ensure that your Google Tag Manager contianer snippet has been placed across your website.
  3. Now, you will be in your Container Overview section where you will need to create a new tag. Click the "Tags" link in the left hand side of the screen.
  4. In the "Tags" Section click the red "New" button prominently displayed on the screen.
  5. Create a title for your FuelX pageview event code and choose the Custom HTML Tag option.
  6. Place the pageview event code into the Configure Tag textarea.
  7. Once the pageview event code is placed on the screen, click the continue button and now click "All pages" option in the "Fire On" section. This will cause our event code to fire and begin tracking visitors on all pages where the Google Tag Manager has been placed. If you choose "Some Pages" you will need to specify the pages where you would like our pages to fire.
  8. To make this new tag available now click "Create Tag".
  9. Finally publish your new container and the pageview tracking code will begin firing on every page that you designated earlier.

Purchase

Code

When placing the tracking code on your site, be sure to place the appropriate Platform Value from the Field Values table into your tracking code. If you do not wish to track certain values, such as products or orderValue, please remove the placeholders in the trackng code and leave the value as empty quotes. View the implementation screenshots below for reference.

fuelx("purchase", {
    orderId:"ORDERID",
    orderValue:"ORDERVALUE",
    products:"PRODUCTS1;PRODUCTS2"
});

Field Values

FieldDescriptionRequiredPlatform Value
orderId value which identifies the order and matches the records of your Ecommerce platform or database Yes Use Data Layer
orderValue number which records the revenue of the transaction No Use Data Layer
products values which record the SKU of products which have been purchased by the user, multiple SKUs can be seperated by ";" No Use Data Layer

Implementation

  1. Access your Google Tag Manager account and choose the appropriate container.
  2. Ensure that your Google Tag Manager contianer snippet has been placed across your website.
  3. Now, you will be in your Container Overview Section where you will need to create a new tag. Click the "Tags" link in the left hand side of the screen.
  4. In the Tags Section click the red "New" button prominently displayed on the screen.
  5. Create a title for your FuelX Tag and choose the Custom HTML Tag option.
  6. Place purchase tracking code from your FuelX Admin Section into the Configure Tag textarea. You can directly add the order id and order value to the corresponding fields as shown in the example below.
  7. In order to dynamically transmit order id, order value, and products back to FuelX for increased tracking within the FuelX platform, you will need to edit the purchase event code and use Google Tag Manager variables within the provided code. The dynamic values must be wrapped in quotes.
  8. Once the purchase tracking code is placed on the screen, click the continue button and now designate how you will want the purchase tracking code to trigger. Google Tag Manager provides several options: click triggers, form triggers, pageview triggers.
    1. Form Trigger: Click on the "Form" option and a modal should appear. Within the Form modal you will need to name the Form Submission Trigger. In addition, the second section labelled "Configure Trigger" it is advised that both "Wait for tag" and "Check Validation" checkboxes are checked and "Wait for tags" milliseconds is set to 100.
    2. Click Trigger: Within the "Fire On" Section you will click on the "Click" option and a modal should appear. Click the "Some Clicks" option and specify the element when clicked would trigger the pixel to fire. Best practice is to have the element targeted by "Click ID", which references the id of the elements on pages where Google Tag Manager has been placed. Target the id of the element you wish to have clicks tracked by setting the matching operand to equal or contains.
    3. Pageview Trigger: At FuelX we recommend you name your page trigger something obvious like "Thank You Page", target the page by "Page Url". In addition, specify the "Operation" variable as "contains" or "equals" and value should be the path of the page where you would like the conversion pixel to fire.
  9. To make this new tag available now click "Create Tag".
  10. Finally publish your new container and the purchase tracking code will begin firing on every page that you designated earlier.

Lead

Code

When placing the tracking code on your site, be sure to place the appropriate Platform Value from the Field Values table into your tracking code. If you do not wish to track certain values, such as email or leadType, please remove the placeholders in the trackng code and leave the value as empty quotes. View the implementation screenshots below for reference.

fuelx("lead",{
    leadId:"LEADID",
    leadType:"LEADTYPE",
    email:"EMAIL"
});

Field Values

FieldDescriptionRequiredPlatform Value
leadId value which identifies the lead Yes Use Data Layer
leadType text which defines the type of leads which have been submitted, for example "signup" or "leads" No Use Data Layer
email email of the user completing the form No Use Data Layer

Implementation

  1. Access your Google Tag Manager account and choose the appropriate container.
  2. Ensure that your Google Tag Manager contianer snippet has been placed across your website.
  3. Now, you will be in your Container Overview Section where you will need to create a new tag. Click the Tags link in the left hand side of the screen.
  4. In the Tags Section, click the red "New" button prominently displayed on the screen.
  5. Create a title for your FuelX Pixel and choose the "Custom HTML Tag" option.
  6. Place the lead tracking code from your FuelX Admin Section into the "Configure Tag" textarea. You can directly add the order id and order value to the corresponding fields as shown in the example below.
  7. In order to dynamically transmit lead id, lead type, and email back to FuelX for increased tracking within the FuelX platform, you will need to edit the purchase event code and use Google Tag Manager variables within the provided code. The dynamic values must be wrapped in quotes.
  8. Once the lead tracking code is placed on the screen, click the continue button and now designate how you will want the lead tracking code to trigger. Google Tag Manager provides several options: click triggers, form triggers, pageview triggers.
    1. Form Trigger: Click on the "Form" option and a modal should appear. Within the Form modal you will need to name the Form Submission Trigger. In addition, the second section labelled "Configure Trigger" it is advised that both "Wait for tag" and "Check Validation" checkboxes are checked and "Wait for tags" milliseconds is set to 100.
    2. Click Trigger: Within the "Fire On" Section you will click on the "Click" option and a modal should appear. Click the "Some Clicks" option and specify the element when clicked would trigger the pixel to fire. Best practice is to have the element targeted by "Click ID", which references the id of the elements on pages where Google Tag Manager has been placed. Target the id of the element you wish to have clicks tracked by setting the matching operand to equal or contains.
    3. Pageview Trigger: At FuelX we recommend you name your page trigger something obvious like "Thank You Page", target the page by "Page Url". In addition, specify the "Operation" variable as "contains" or "equals" and value should be the path of the page where you would like the lead event code to fire.
  9. To make this new tag available now click "Create Tag".
  10. Finally publish your new container and the lead tracking code will begin firing on every page that you designated earlier.
Have more questions? Submit a request