Uitleg: conversiepixel implementeren in Google Tag Manager

In this instruction you will read how to implement the Daisycon Conversion Pixel with Google Tag Manager (GTM). There are different scenarios for the implementation. Choose your scenario below and follow the steps.

Scenario 1:
You know how to use GTM and/or have used it before. There is a Data Layer available on the website and the order information is available as variables in GTM. Follow step 1.

Scenario 2:
You are not familiar with GTM, but there is a Data Layer available on the website. Follow step 1 and 2.

Scenario 3:
You are new to GTM and everything needs to be set-up. Follow step 1, 2 and 3.

Tip before you start!

Perform a test purchase in the Google Tag Manager Preview mode. Follow the exact steps until a transaction is finished. In the Google Tag Manager Tag Assistant you will find a summary with all the steps (pages / events) from the checkout. In each of these steps you can see which variables are available and which data is available in the datalayer. This will help you with adding the correct trigger and variables during installation of the tag. 

Step 1 (add a new tag): 

Go to Templates in the sidebar to start using our Tag Template in Google Tag Manager. You can find our Tag Template if you click on "Search Gallery". In this menu you can scroll to "Daisycon Conversion Tag". If you click on this, Google Tag Manager gives you a summary about our Tag Template. Now add this to the workspace to start working with it.

After adding it to your workspace, our template will be available when adding a tag. Go to "Tags" and click on "New". In this screen you can find the Daisycon Conversion Pixel at the Custom part of the tag type list.

You can now enter values or add available Google Tag Manager variables in the form. If there are no variables available yet, read in step 2 about how to create these. It's possible to click on the question mark if you need extra information about a field.

Custom matching domain

If you use a custom matching domain, you will have to create a custom variable for the matching domain. Create a 'constant' variable and fill the value with your custom domain, such as 'd.domain.com'. 

Below an example of the tag with variables. 

Link to the Google Tag Manage gallery:
https://tagmanager.google.com/gallery/#/owners/DaisyconBV/templates/gtm-daisycon-conversion-pixel

Attention! We recommend to implement a custom HTML tag instead of the Daisycon Tag Template in the following situations:

• When commissions have to be calculated on product level (use the product level conversion pixel)
• When individual product data needs to be measured
• When a simple conversion pixel, without e-commerce transaction data for example, is sufficient
• In rare cases, when the Daisycon Tag Template is not working properly

Custom HTML tag

Add a new custom HTML tag. Copy the conversion pixel from your Daisycon account: Tools -> Conversioncodes -> Daisycon pixel -> Shop type: Google Tag Manager. Enrich the conversion pixel with extra variables if necessary. Paste the complete conversion pixel as a HTML tag.

Important: 

• Rename variables to variables that are already available in the Google Tag Manager workspace
• Remove variables that will not be used!

After adding the new Tag, you should add a trigger.

• Add a 'Trigger' to the tag.
• Trigger Type: Page View - DOM Ready or sometimes even better; Page View - Window Loaded. Event based (purchase) triggers are also a good option in some situations.
• Make sure the trigger fires at the 'Thank You' or 'Success' page at the same time the order data is available in the datalayer as well.

It's also possible to add a trigger based on a (custom) event or any other action. More information about Google Tag Manager Triggers here.

Save the tag and the trigger and publish your edited workspace. After publishing, please contact your channel manager for testing the conversion pixel.

Step 2 (create variables):

Check if the mandatory variables are available in your GTM workspace. If not, add the missing variables. You can read here how to add additional datalayer variables to your GTM workspace.

Step 3 (create data layer): 

To connect transaction information to Google Tag Manager (and the Daisycon conversion pixel) your website should contain a Data Layer. This Data Layer should be present on the 'Thank You' page or 'Success' page of your website or during the conversion event. This Data Layer is the source of the data. If you look at the source code of this success page, the Data Layer could look like this:

<script>
dataLayer = [{
    "transaction-id":"12345",
    "description":"order from webshop",
    "amount":"19.99",
    "compensation-code":"12345 / abcdef";
}];
// This is just an example!
</script>

• Follow all the steps from Step 1 if the variables already exist
• If the variables do not exist create new variables. 
• Create a new Data Layer if necessary (more information about data layer implementations)

Below table shows all available variables for the Daisycon conversion pixel.

* The commission is calculated over de amount (a). The revenue (r) field is only used for statistics. These variables do not have to display the same value. These fields are only mandatory for e-commerce purposes.

Testing the conversion pixel

When the Daisycon tag is implemented in Google Tag Manager, the tracking needs to be tested. This can be done by following the steps from FAQ article: How to test the conversion pixel (tracking implementation)?

Extra tip:

Perform the test in the Google Tag Manager Preview mode. This way you can easily troubleshoot possible errors and also check if all (new) variables are working correctly.