User Tools

Site Tools


creatives:html-en

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
creatives:html-en [2017/03/28 13:33]
dczipperer
creatives:html-en [2020/07/14 17:13]
dtakacs [The useage of Goa3 events]
Line 12: Line 12:
 ==== HTML or Markup banner? What is it all about, and what's the difference in Adverticum's AdServer? ==== ==== HTML or Markup banner? What is it all about, and what's the difference in Adverticum's AdServer? ====
  
-Markup banneres are almost like normal HTML banners, but as being XHTML, XML also, it has more restrictions, but provide wider possibilities. From a technical perspective the relevant distinction is that Markup banners are displayed as part of the suite, and not in an iFrame like regular HTML banners do. Markup banners can utilize the site's own CSS, and also provide the option for various custom animation, and transition effects, witout the use of display modules. T**he AdServer checks the XHTML, XML and HTML5 codes** and indicates if there is an error. You can read more infomation about validators here: +Markup banners are almost like normal HTML banners, but as being XHTML, XML also, it has more restrictions, but provide wider possibilities. From a technical perspective the relevant distinction is that Markup banners are displayed as part of the suite, and not in an iFrame like regular HTML banners do. Markup banners can utilize the site's own CSS, and also provide the option for various custom animation, and transition effects, witout the use of display modules. **The AdServer checks the XHTML, XML and HTML5 codes** and indicates if there is an error. You can read more infomation about validators here: [[http://dev.adverticum.com/creatives:validators 
 +]]
  
  
Line 320: Line 320:
 :!: **Attention! The AdServer serves the HTML banner in an iframe, so the instructions here are not applicable for Markup banners. The links given here should be used in iframes in order to be able to measure events in Markup banners.** :!: **Attention! The AdServer serves the HTML banner in an iframe, so the instructions here are not applicable for Markup banners. The links given here should be used in iframes in order to be able to measure events in Markup banners.**
      
-In HTML banners (but in Flash banner, too) it could be solved to track some events (like clicks that don't take the visitor to the landing page or the use of tabs) with the help of special tracking URLs. The tracking URLs and the information about which tracking URL should measure which event is sent by the banner creator to the campaign manager. (It is favourable for the campaign manager to upload these in a separate measuring campaign.)+In HTML banners it could be solved to track some events (like clicks that don't take the visitor to the landing page or the use of tabs) with the help of special tracking URLs. The tracking URLs and the information about which tracking URL should measure which event is sent by the banner creator to the campaign manager. (It is favourable for the campaign manager to upload these in a separate measuring campaign.)
  
 :!: **Attention! The uploaded URLs on the admin interface could be referred to the way seen below but those belong to the banner's CT data so they are not good for tracking! For tracking purposes we recommend the direct insertion of tracking links!** :!: **Attention! The uploaded URLs on the admin interface could be referred to the way seen below but those belong to the banner's CT data so they are not good for tracking! For tracking purposes we recommend the direct insertion of tracking links!**
Line 351: Line 351:
 The collected data is stashed for a while, and the cyclic data sender sends them to our servers. This happens in every 3 sec, if there is data submit, and the window is in focus. This minimizes network traffic, in contrast if we would send every measure data solo. The collected data is stashed for a while, and the cyclic data sender sends them to our servers. This happens in every 3 sec, if there is data submit, and the window is in focus. This minimizes network traffic, in contrast if we would send every measure data solo.
  
-Different banner types (HTML, Flash etc.) have different methods of utilyzing these measures. For each of these, we provide an example below. To retrieve all the measures available for the banner, we have to use ''.getZone()'' function.+Different banner types (HTML, etc.) have different methods of utilyzing these measures. For each of these, we provide an example below. To retrieve all the measures available for the banner, we have to use ''.getZone()'' function.
  
 The boundries for a measure - eg.: how many times can be called per one ad view - can be limited, for example a measure can be called only five times per ad loadm to minimize overcollection of data, and to ensure information reliablility. The boundries for a measure - eg.: how many times can be called per one ad view - can be limited, for example a measure can be called only five times per ad loadm to minimize overcollection of data, and to ensure information reliablility.
Line 410: Line 410:
  
 === In case of HTML banner=== === In case of HTML banner===
-In the example we measure the time when the banner is opened. We use the ’openTime’ measure for this.+In the example we measure the time when the banner is opened. We use the ’Time’ measure for this.
 Start of the time measure: Start of the time measure:
 <code javascript> <code javascript>
 // We send a message to the top window running Goa3, then indicate  // We send a message to the top window running Goa3, then indicate 
 // the calling measure // the calling measure
-window.top.postMessage('[zone].measure.openTime.start', '*');+window.top.postMessage('[zone].measure.Time.start', '*');
 </code> </code>
  
Line 423: Line 423:
 // We send a message to the top window running Goa3, then indicate  // We send a message to the top window running Goa3, then indicate 
 // the calling measure // the calling measure
-window.top.postMessage('[zone].measure.openTime.stop', '*');+window.top.postMessage('[zone].measure.Time.stop', '*');
 </code> </code>
  
 === In case of markup banner === === In case of markup banner ===
  
-In our example the structure of the time measure called ’openTime’ is available in the following form after requesting the zone data.+In our example the structure of the time measure called ’Time’ is available in the following form after requesting the zone data.
  
 <code javascript> <code javascript>
Line 440: Line 440:
    
         measures: {         measures: {
-            openTime: {+            Time: {
                 start: function () {...},                 start: function () {...},
                 stop: function () {...},                 stop: function () {...},
Line 449: Line 449:
 </code> </code>
  
-In the example we measure the time when the banner is opened. We use the ’openTime’ measure for this.+In the example we measure the time when the banner is opened. We use the ’Time’ measure for this.
 Start of the time measure: Start of the time measure:
 <code javascript> <code javascript>
 // Starting the time measure. // Starting the time measure.
-goAdverticum3.getZone([zone]).measure.openTime.start();+goAdverticum3.getZone([zone]).measure.Time.start();
 </code> </code>
  
Line 460: Line 460:
 <code javascript> <code javascript>
 // Stopping the time measure. // Stopping the time measure.
-goAdverticum3.getZone([zone]).measure.openTime.stop();+goAdverticum3.getZone([zone]).measure.Time.stop();
 </code> </code>
 ==== Volume measure ==== ==== Volume measure ====
Line 561: Line 561:
 </code> </code>
  
-**2. There is a way to only subscribe to an invidual zone**, which makes the creative developer's job easier. With the help of this solution a creative can be made that will only start its animation if the banner is viewable on the screen. This can be used with Markup or Flash banners.+**2. There is a way to only subscribe to an invidual zone**, which makes the creative developer's job easier. With the help of this solution a creative can be made that will only start its animation if the banner is viewable on the screen. This can be used with Markup.
  
 <code javascript> <code javascript>
creatives/html-en.txt · Last modified: 2020/07/14 17:13 by dtakacs