1. Home
  2. Docs
  3. Advertiser
  4. Integrations
  5. Audiopixel
  6. Alternative Installation

Alternative Installation

Installation Using HTML Tags

Insert the tracking pixel into the source code (HTML) of the website you want to track and measure.

<img src="https://play.adtonos.com/atr/{name}/px.gif">

Copy the link to the pixel from the “Audiopixel” tab in the AdTonos Dashboard. Insert the link as an src attribute of the img tag as shown in the example above.

Please make sure you have replaced {name} with the unique code of the pixel.

Passing Additional Data

AdTonos can pass additional data by adding extId parameter into the URL of the pixel. This additional data will be included in the report generated from the collected data and can be used for:

  • filtering,
  • cross-source matching,
  • additional metrics.

For example, to measure the traffic on different landing pages, it’s possible to pass the name of a landing page as extId, see the example below:

<img src="https://play.adtonos.com/atr/{name}/px.gif?extId={name_of_your_landing_page}" />
<img src="https://play.adtonos.com/atr/{name}/px.gif?extId={name_of_your_cart_page}" />

For example:

<img src="https://play.adtonos.com/atr/sOUqQtY3DSt2ZZPpX/px.gif?extId=Men-Apparel" />

You can also track a different designation of the page shown after placing the order. That way you can create additional metrics, e.g. ROI from AdTonos campaigns:

<img src="https://play.adtonos.com/atr/{name}/px.gif?extId=checkout-complete" />

Additional Parameters for extId

The extId parameter can pass more data. It just has to be encoded in a way that can be easily parsed later on like state of your website visitor, for example:

<img src="https://play.adtonos.com/atr/{name}/px.gif?extId=landing-page:1|checkout:yes|registered:no" />

Installation Using JS Code (Advanced)

You can also install Audiopixel using javascript and the extId parameter can also contain dynamically generated data. In that case, insert the tracking pixel into the body of your website, not directly to the source code but via JavaScript code. For example, to pass the current page path you can use the following code:

var img = document.createElement("img"); 
img.src = "https://play.adtonos.com/atr/{name}/px.gif?extid=" + window.location.pathname; 

Integrating Google Analytics User ID with Audiopixel (Advanced)

Note: This paragraph describes how to install Audiopixel on websites that use legacy Google Analytics integration. Most websites use Google Tag Manager to deploy Google Analytics. For this case please follow the GTM installation guide.

Using javascript you can send the user ID assigned by Google Analytics to the Audiopixel report. It will help you to see the performance of defined user groups or individual users. Here is the example of javascript code:

ga(function(tracker) { 
  var img = document.createElement("img");
  img.src = "https://play.adtonos.com/atr/{name}/px.gif?extid=" +        tracker.get("clientId"); 

It is also possible to add combined data to your javascript Audiopixel code, see the example below:

ga(function(tracker) {
 var img = document.createElement("img"); 
 img.src = "https://play.adtonos.com/atr/{name}/px.gif?extid=" + window.location.pathname + "|" + tracker.get("clientId"); document.body.appendChild(img);