Installing different tracking tools on the website

In the following article we show you three tracking tools that you can implement on your website with the help of the doo Website Editor.

1. Google Tag Manager
2. Google AdWords
3. Facebook Tracking Pixel

1. Google Tag Manager

At first there has to be created a Google Tag Manager account that has to be linked with a Google account. After this you insert your data or either create a container (in this container the snippets/codes that have to be installed into the website, are stored).

After the creation of the container a pop-up, which contains the code-snippet, appears.

The Code-Snippet should look something like the following example and is divided into a Script section and a NoScript section:

Now you have to click on “Settings” in the main menu and then on “Header HTML”. The code from the “Script Section” has to be inserted into the new input field.

Next you have to open the developer mode, therefore you have to click on the </> symbol in the navigation bar above.

Now you have a menu opened on the left-hand side, where click on “Websites HTML/CSS” and then on “body-end.html”. The code of the “NoScript Section” has to be entered in here.

You only have to press save and the installation of the Google Tag Manager is completed successfully.

2. Google Adwords

First you create a Google AdWorks account, which has to be linked to an Google Account. Then you get the settings as you like and generate a tracking code, which looks something like this:

Then you have to click on “Settings” in the main menu and then on “Header HTML”. The code has to be inserted in the new input field.

Next you have to add a tracking code on the specific widget, which was chosen to be tracked. Furthermore the tracking code has to be placed on individual links.

For example: if you like track how often a button ist clicked, you have to right click on the button and choose “edit HTML/CSS”.

Now a code, which looks like in the following example, has to be inserted in the HTML/CSS menu in the sector <a after the ID-Nr.:

onclick=”;return try{goog_report_conversion(‘http://example.com/your-link‘)}catch(e){}”

All together it should look similar to the following screenshot:

3. Facebook Tracking Pixel

First you create a code on the Facebook-Business site in the Facebook-Pixel menu. The code should look similar to the following example:

Now you have to click “Settings” and then “Header HTML” in the main menu. The code has to be inserted in the appearing input field.