How the container tag manager works

What is a container tag?

Basically, a container tag is a tag in a code which makes sure an external code will be fired. The container tag manager on the platform is used mostly to implement third party tracking codes that transmit data on the behavior of customers on the websites of the advertiser. On the platform, this is done via the so called on-page tracking code.

For more details on third party tracking, please read this article.

Working with the container tag manager

Instruction video

For instructions on the container tag, please watch this video:

 

Getting started

To activate the container tag, you will need to ask your partners to give you the codes they need. Usually, the code will be a javascript. Please note there is only one container tag for the conversion code and the on-page code of the advertiser respectively. In other words: you do not implement the codes per partner. Don’t worry, you can always add new codes to the container later – the container tag configurator even keeps a history of all changes.

As soon as you have a partner’s code, make sure you are logged in to your admin UI, click on ‘advertiser’ in the main navigation menu and proceed to click on ‘manage advertisers’. Find the advertiser you want to activate the container tag for and click on the  icon in the technical section. If you do so, a page will be loaded looking more or less like this:

Implementing codes in the container tag

Before you implement the code, please make sure you find out how the code is loaded, i.e. synchronous or asynchronous. In most cases, the on-page code and the conversion codes will be loaded asynchronous, which means that any codes you implement in the containers need to load asynchronous as well.

Now, let’s have go now at implementing a code. First, use the tabs in the left top corner of the page to select whether you want to the code implemented in the conversion code or the on-page code. As was mentioned above, the container tag manager is used mostly to implement codes in the on-page code.

To implement the code, paste the code into the field under new version. Here is an example:

As you can see, the tool will automatically order and evaluate the code: errors and critical parts of the code will be marked with warning icons in the left margin. For more details, just scroll over the warning icon with your mouse. To save the code, click on the  icon to save the code as a draft. You can edit the code directly in this field, but you can also open a broader edit field in a separate window via the  icon. Any changes can be made undone via the  icon. To redo the change, use the  icon. A preview can be generated via the  icon. Right below the field where you paste and edit your code, you can add comments. This tool might come in handy when multiple users are managing the code or when you want to register for what partners you have implemented a code.

Please note that when you save the code as a draft via the  icon, you do not activate the code yet. You will find the active code in the panel called current version on the left. To compare the new code with the current version, you can use the third panel on the page, which allows you to display the differences between the new version and the one currently active side by side and inline.Activating the code

Before you can activate your code, it needs to be approved. You can approve the code yourself, or ask a colleague to do it. In any case, make sure the code is properly implemented, because errors in the code might hamper the functionality of the advertiser’s website. To make sure the code is approved, select enqueue for approval and click on save in the right lower corner of the page. When you do this, you will find another option to save the code appears: employ the code. To activate the code, choose this option and hit the ‘save’ button again.