Explanation: Implement Daisycon conversion pixel 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 3.

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

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 Pixel". 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 3 about how to create these. It's possible to click on the question mark if you need extra information about a field.

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 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: Settings -> 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
• Make sure the trigger fires at the 'Thank You' or 'Success' page. For example by adding a 'Page URL' => 'contains' => 'success'

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

• Create a new Data Layer if necessary (more information about datalayer implementations)
• Follow all the steps from Step 1 if the variables already exist
• If the variables do not exist please create them following the example below

Step 3 (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 variables to your GTM workspace.

* 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 is done as follows:

1. Log in to daisycon.com with the login details which you received from your channel manager
2. In the Daisycon system go to Material -> Advertisements
3. Select the correct and campaign and then any of the available ad groups
4. Click on the 'Test' button below one of the available ads
5. You will be redirected to the website of the campaign
6. Follow the route to place an order from A to Z, all the way to the thank you page. Add at least 2 different products to the order and at least two pieces for one of the products. Also, use a promotional code so that the product pricing setting can be properly tested.
7. If the conversion pixel is set correctly you will find the transaction back in the system under Transactions -> Overview / Approval

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.