<?xml version="1.0"?>
<feed xmlns="http://www.w3.org/2005/Atom" xml:lang="en">
	<id>https://techspecs.iqd-ao.de/en/index.php?action=history&amp;feed=atom&amp;title=Template%3AClick-Tracking</id>
	<title>Template:Click-Tracking - Revision history</title>
	<link rel="self" type="application/atom+xml" href="https://techspecs.iqd-ao.de/en/index.php?action=history&amp;feed=atom&amp;title=Template%3AClick-Tracking"/>
	<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Template:Click-Tracking&amp;action=history"/>
	<updated>2026-05-01T16:16:58Z</updated>
	<subtitle>Revision history for this page on the wiki</subtitle>
	<generator>MediaWiki 1.43.1</generator>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Template:Click-Tracking&amp;diff=313&amp;oldid=prev</id>
		<title>Tlohmann at 05:31, 3 June 2020</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Template:Click-Tracking&amp;diff=313&amp;oldid=prev"/>
		<updated>2020-06-03T05:31:33Z</updated>

		<summary type="html">&lt;p&gt;&lt;/p&gt;
&lt;table style=&quot;background-color: #fff; color: #202122;&quot; data-mw=&quot;interface&quot;&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;col class=&quot;diff-marker&quot; /&gt;
				&lt;col class=&quot;diff-content&quot; /&gt;
				&lt;tr class=&quot;diff-title&quot; lang=&quot;en&quot;&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;← Older revision&lt;/td&gt;
				&lt;td colspan=&quot;2&quot; style=&quot;background-color: #fff; color: #202122; text-align: center;&quot;&gt;Revision as of 07:31, 3 June 2020&lt;/td&gt;
				&lt;/tr&gt;&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l51&quot;&gt;Line 51:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 51:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The creative agency must test the ads for functioning clicktag transfer so that unnecessary feedback loops are avoided.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;The creative agency must test the ads for functioning clicktag transfer so that unnecessary feedback loops are avoided.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;====Test&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:&lt;/del&gt;====&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;====Test====&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;pre&amp;gt;html5werbemittel.html?clicktag=%LANDINGPAGE%&amp;lt;/pre&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;&amp;lt;pre&amp;gt;html5werbemittel.html?clicktag=%LANDINGPAGE%&amp;lt;/pre&amp;gt;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot; id=&quot;mw-diff-left-l61&quot;&gt;Line 61:&lt;/td&gt;
&lt;td colspan=&quot;2&quot; class=&quot;diff-lineno&quot;&gt;Line 61:&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Separate listing of multi-clicktags within an ad is not possible in the marketer report. Clicks are always listed cumulatively per ad format in the marketer report.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;Separate listing of multi-clicktags within an ad is not possible in the marketer report. Clicks are always listed cumulatively per ad format in the marketer report.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;br&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;−&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #ffe49c; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Delivery&lt;del style=&quot;font-weight: bold; text-decoration: none;&quot;&gt;:&lt;/del&gt;===&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot; data-marker=&quot;+&quot;&gt;&lt;/td&gt;&lt;td style=&quot;color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #a3d3ff; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;===Delivery===&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{| class=&amp;quot;wikitable&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;{| class=&amp;quot;wikitable&amp;quot;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; |&amp;#039;&amp;#039;&amp;#039;Delivery:&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; |&amp;#039;&amp;#039;&amp;#039;Delivery:&amp;#039;&amp;#039;&amp;#039;&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; |Provide the clicktag/landing page combinations in your ad mail.&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; |Provide the clicktag/landing page combinations in your ad mail.&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;tr&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|}&lt;/div&gt;&lt;/td&gt;&lt;td class=&quot;diff-marker&quot;&gt;&lt;/td&gt;&lt;td style=&quot;background-color: #f8f9fa; color: #202122; font-size: 88%; border-style: solid; border-width: 1px 1px 1px 4px; border-radius: 0.33em; border-color: #eaecf0; vertical-align: top; white-space: pre-wrap;&quot;&gt;&lt;div&gt;|}&lt;/div&gt;&lt;/td&gt;&lt;/tr&gt;
&lt;/table&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
	<entry>
		<id>https://techspecs.iqd-ao.de/en/index.php?title=Template:Click-Tracking&amp;diff=129&amp;oldid=prev</id>
		<title>Tlohmann: Created page with &quot;==Click-Tracking  (for physical provision as an HTML5 zip file)== The ad server of the marketer can only measure the clicks on an HTML5 ad correctly if a click-sensitive area...&quot;</title>
		<link rel="alternate" type="text/html" href="https://techspecs.iqd-ao.de/en/index.php?title=Template:Click-Tracking&amp;diff=129&amp;oldid=prev"/>
		<updated>2020-05-04T07:51:51Z</updated>

		<summary type="html">&lt;p&gt;Created page with &amp;quot;==Click-Tracking  (for physical provision as an HTML5 zip file)== The ad server of the marketer can only measure the clicks on an HTML5 ad correctly if a click-sensitive area...&amp;quot;&lt;/p&gt;
&lt;p&gt;&lt;b&gt;New page&lt;/b&gt;&lt;/p&gt;&lt;div&gt;==Click-Tracking  (for physical provision as an HTML5 zip file)==&lt;br /&gt;
The ad server of the marketer can only measure the clicks on an HTML5 ad correctly if a click-sensitive area which forwards the user to the client target page is implemented in the creative code (HTML5 of the creative agency) and it is possible to insert ad server macros for the counting of clicks.&lt;br /&gt;
&lt;br /&gt;
When being served, ads that are delivered to iq digital physically as HTML5 zip files are implemented as cross-domain iFrame. We therefore recommend the OVK-standardised procedure for the transfer of the marketer ad server macro for the counting of clicks and client click-through for forwarding to the client target page via GET parameter.&lt;br /&gt;
&lt;br /&gt;
===clicktag transfer for HTML5 ad presentations in line with OVK guidelines===&lt;br /&gt;
The following procedure is required based on the OVK guidelines to ensure that the ad server of the marketer can track clicks within the HTML5 iFrame:&lt;br /&gt;
&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; |The written format for the clicktag is:&lt;br /&gt;
| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; |&amp;#039;&amp;#039;&amp;#039;clicktag&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; |The written format for multi-clicktags is:&lt;br /&gt;
| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; |&amp;#039;&amp;#039;&amp;#039;clicktag, clicktag2, clicktag3&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
|-&lt;br /&gt;
| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; | Link:&lt;br /&gt;
| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; | &amp;#039;&amp;#039;&amp;#039;The link to the landing page must open a new window.&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
|}&lt;br /&gt;
&lt;br /&gt;
===The agency must integrate the following code lines in the HTML5 ad to transfer the clicktag:===&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot; line=&amp;quot;line&amp;quot; style=&amp;quot;font-size:16px&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
  var getUriParams = function() {&lt;br /&gt;
    var query_string = {}, query = window.location.search.substring(1), parmsArray = query.split(&amp;#039;&amp;amp;&amp;#039;);&lt;br /&gt;
    if(parmsArray.length &amp;lt;= 0) return query_string;&lt;br /&gt;
    for(var i = 0; i &amp;lt; parmsArray.length; i++) {&lt;br /&gt;
      var pair = parmsArray[i].split(&amp;#039;=&amp;#039;);&lt;br /&gt;
      var val = decodeURIComponent(pair[1]);&lt;br /&gt;
      if (val != &amp;#039;&amp;#039; &amp;amp;&amp;amp; pair[0] != &amp;#039;&amp;#039;) query_string[pair[0]] = val;&lt;br /&gt;
    }&lt;br /&gt;
    return query_string;&lt;br /&gt;
  }();&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Example: HTML and assignment of the links:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot; line=&amp;quot;line&amp;quot; style=&amp;quot;font-size:16px&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;a href=&amp;quot;#clicktag&amp;quot; target=&amp;quot;_blank&amp;quot; id=&amp;quot;clicktag&amp;quot;&amp;gt;IAB clicktag&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;a href=&amp;quot;#clicktag2&amp;quot; target= &amp;quot;_blank&amp;quot; id=&amp;quot; clicktag2&amp;quot;&amp;gt;IAB clicktag&amp;lt;/a&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
These Javascript lines can then be used to assign the clicktags to the HTML elements of your ad presentation:&lt;br /&gt;
&amp;lt;syntaxhighlight lang=&amp;quot;html&amp;quot; line=&amp;quot;line&amp;quot; style=&amp;quot;font-size:16px&amp;quot;&amp;gt;&lt;br /&gt;
&amp;lt;script&amp;gt;&lt;br /&gt;
  document.getElementById(&amp;#039;clicktag&amp;#039;).setAttribute(&amp;#039;href&amp;#039;, getUriParams.clicktag);&lt;br /&gt;
  document.getElementById(&amp;#039;clicktag2&amp;#039;).setAttribute(&amp;#039;href&amp;#039;, getUriParams.clicktag2);&lt;br /&gt;
&amp;lt;/script&amp;gt;&lt;br /&gt;
&amp;lt;/syntaxhighlight&amp;gt;&lt;br /&gt;
&lt;br /&gt;
===Function test of the clicktag GET parameter for transfer to the ad:===&lt;br /&gt;
The creative agency must test the ads for functioning clicktag transfer so that unnecessary feedback loops are avoided.&lt;br /&gt;
&lt;br /&gt;
====Test:====&lt;br /&gt;
&amp;lt;pre&amp;gt;html5werbemittel.html?clicktag=%LANDINGPAGE%&amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
%LANDINGPAGE% must be replaced by a test target page and must be transferred in URL‐encoded mode (encodeURIComponent‐Funktion).&lt;br /&gt;
&lt;br /&gt;
In the case of multi-click integration, the test must be supplemented by further clicktag parameters in (&amp;amp;)-separated mode:&lt;br /&gt;
&amp;lt;pre&amp;gt;?clicktag=%LANDINGPAGE%&amp;amp;clicktag2=%LANDINGPAGE%&amp;amp;… &amp;lt;/pre&amp;gt;&lt;br /&gt;
&lt;br /&gt;
Separate listing of multi-clicktags within an ad is not possible in the marketer report. Clicks are always listed cumulatively per ad format in the marketer report.&lt;br /&gt;
&lt;br /&gt;
===Delivery:===&lt;br /&gt;
{| class=&amp;quot;wikitable&amp;quot;&lt;br /&gt;
| style=&amp;quot;height:50px; width:350px; text-align:left;font-size:16px&amp;quot; |&amp;#039;&amp;#039;&amp;#039;Delivery:&amp;#039;&amp;#039;&amp;#039;&lt;br /&gt;
| style=&amp;quot;height:50px; width:500px; text-align:left;font-size:16px&amp;quot; |Provide the clicktag/landing page combinations in your ad mail.&lt;br /&gt;
|}&lt;/div&gt;</summary>
		<author><name>Tlohmann</name></author>
	</entry>
</feed>