technical specifications - pebblemedia · technical specifications leaderboard + mobile leaderboard...
Post on 08-Jun-2020
18 Views
Preview:
TRANSCRIPT
Technical Specifications
29/04/2019 Tech Specs 1
Technical SpecificationsOverview
29/04/2019 Screenshot 2
STANDARD FORMATS▪ Leaderboard & Mobile Leaderboard▪ Large Leaderboard & Mobile Large Leaderboard▪ Medium Rectangle & Mobile Medium Rectangle▪ Wide Skyscraper▪ Carousel Ad
LARGE FORMATS▪ Billboard▪ Half Page Ad▪ Floor Ad▪ InterScroller
IMPACT FORMATS▪ TakeOver▪ Responsive TakeOver
VIDEO▪ Instream Video: Preroll – Midroll – Postroll▪ InArticle Video▪ InBound Video
LINKEDIN▪ Overview LinkedIn formats
SPOTIFY▪ Overview Spotify formats
KONVENTO▪ Konvento techspecs
NATIVE▪ Native Display Ad
Leaderboard + Mobile Leaderboard
Leaderboard + Mobile Leaderboard
Technical SpecificationsLeaderboard + Mobile Leaderboard
29/04/2019 Screenshot 4
Technical SpecificationsLeaderboard + Mobile Leaderboard
29/04/2019 Format dimensions 5
Both formats are mandatory
Format Device Width*Height Extensions Max. weight Animation Clicktag
Leaderboard Desktop / Tablet 728*90 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Mobile Leaderboard Mobile 640*150 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Leaderboard + Mobile Leaderboard
29/04/2019 Additional Information 6
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Leaderboard + Mobile Leaderboard
29/04/2019 HTML5 clickTag Implementation 7
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 8
Leaderboard + Mobile Leaderboard
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 9
Leaderboard + Mobile Leaderboard
Large Leaderboard + Mobile Leaderboard
Large Leaderboard+ Mobile Leaderboard
Technical SpecificationsLarge Leaderboard + Mobile Leaderboard
29/04/2019 Screenshot 11
Technical SpecificationsLarge Leaderboard + Mobile Leaderboard
29/04/2019 Format dimensions 12
Both formats are mandatory
Format Device Width*Height Extensions Max. weight Animation Clicktag
Large Leaderboard Desktop / Tablet 840*150 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Mobile Leaderboard Mobile 640*150 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Large Leaderboard + Mobile Leaderboard
29/04/2019 Additional Information 13
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Large Leaderboard + Mobile Leaderboard
29/04/2019 HTML5 clickTag Implementation 14
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 15
Large Leaderboard + Mobile Leaderboard
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 16
Large Leaderboard + Mobile Leaderboard
Medium Rectangle + Mobile Medium Rectangle
Medium Rectangle + Mobile Medium Rectangle
Technical SpecificationsMedium Rectangle + Mobile Medium Rectangle
29/04/2019 Screenshot 18
Technical SpecificationsMedium Rectangle + Mobile Medium Rectangle
29/04/2019 Format dimensions 19
Both formats are mandatory
Format Device Width*Height Extensions Max. weight Animation Clicktag
Medium Rectangle Desktop / Tablet 300*250 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Mobile Medium Rectangle Mobile 600*500 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Medium Rectangle + Mobile Medium Rectangle
29/04/2019 Additional Information 20
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Medium Rectangle + Mobile Medium Rectangle
29/04/2019 HTML5 clickTag Implementation 21
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 22
Medium Rectangle + Mobile Medium Rectangle
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 23
Medium Rectangle + Mobile Medium Rectangle
Wide Skyscraper
Wide Skyscraper
Technical SpecificationsWide Skyscraper
29/04/2019 Screenshot 25
Technical SpecificationsWide Skyscraper
29/04/2019 Format dimensions 26
Format Device Width*Height Extensions Max. weight Animation Clicktag
Wide Skyscraper Desktop 160*600 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Wide Skyscraper
29/04/2019 Additional Information 27
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Wide Skyscraper
29/04/2019 HTML5 clickTag Implementation 28
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 29
Wide Skyscraper
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 30
Wide Skyscraper
Carousel Ad
Carousel Ad
Technical SpecificationsCarousel Ad
29/04/2019 Screenshot 32
Technical SpecificationsCarousel Ad
29/04/2019 Format dimensions 33
Format DeviceWidth*Height
MinimumDimension Extensions Max. weight Optional
Brand Logo Mobile 50*50 1:1 GIF/JPG 20 kb Yes
Visual 1 Mobile 600*600 1:1 GIF/JPG 150 kb No
Visual 2 Mobile 600*600 1:1 GIF/JPG 150 kb No
Visual 3 Mobile 600*600 1:1 GIF/JPG 150 kb No
Visual 4 Mobile 600*600 1:1 GIF/JPG 150 kb Yes
Carousel Box also includes:
✓ Box Title: max 25 characters incl spaces.
✓ Box Subtitle: max 90 characters incl spaces. This text is optional.
✓ Visual Subtext: max 25 characters incl spaces.
✓ Each Visual and subtext can have a separate click command
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Carousel Ad
29/04/2019 Additional Information 34
Billboard + Large Mobile Leaderboard
Billboard &Large Mobile Leaderboard
Technical SpecificationsBillboard + Large Mobile Leaderboard
Say hello to the future.
#001. Option
Aliquam et ante nunc fusce
tincidunt eget ligula vitae
hendrerit. Phasellus id ligula ut
enim elementum
W
#002. Option
Maecenas facilisis facilisis odio
id varius. Etiam congue egestas
orci at bibendum.
S
Technical SpecificationsBillboard + Mobile Leaderboard
29/04/2019 Format dimensions 38
Its mandatory to deliver all formats to serve your campaign on responsive websites.
Format Device Width*Height Extensions Max. weight Animation Clicktag
Billboard Desktop / Tablet 970*250 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Large Mobile Leaderboard Mobile 320*100 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Billboard + Large Mobile Leaderboard
29/04/2019 Additional Information 39
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Billboard + Mobile Leaderboard
29/04/2019 HTML5 clickTag Implementation 40
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 41
Billboard + Mobile Leaderboard
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 42
Billboard + Mobile Leaderboard
Technical SpecificationsHalf Page + Mobile Medium Rectangle
29/04/2019 Tech Specs 43
Half Page + Mobile Medium Rectangle
Half Page &Mobile Medium Rectangle
Technical SpecificationsHalf Page + Mobile Medium Rectangle
29/04/2019 Screenshot 45
Technical SpecificationsHalf Page + Mobile Medium Rectangle
29/04/2019 Format dimensions 46
Both formats are mandatory
Format Device Width*Height Extensions Max. weight Animation Clicktag
Half Page Desktop / Tablet 300*600 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Mobile Medium Rectangle Mobile 600*500 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Half Page + Mobile Medium Rectangle
29/04/2019 Additional Information 47
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Half Page + Mobile Medium Rectangle
29/04/2019 HTML5 clickTag Implementation 48
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 49
Half Page + Mobile Medium Rectangle
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 50
Half Page + Mobile Medium Rectangle
Floorad
Floorad
Technical SpecificationsFloorad
29/04/2019 Screenshot 52
Technical SpecificationsFloorad
29/04/2019 Format dimensions 53
Mandatory:
Close button present and banner should close automatically after 15”.
On nickelodeon clear mentioning of advertisement must be present in the correct language.
Format Device Width*Height Extensions Max. weight Animation Clicktag
Floorad Desktop / Tablet 995x90 HTML5/GIF/JPG 70 kb 3 loops in 15” clickTag
Mobile Floorad Mobile 640x150 fixed HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Floorad
29/04/2019 Additional Information 54
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Floorad
29/04/2019 HTML5 clickTag Implementation 55
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 56
Floorad
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 57
Floorad
InterScroller
InterScroller
Technical SpecificationsInterScroller
29/04/2019 Screenshot 59
Technical SpecificationsInterScroller
29/04/2019 Format dimensions 60
Asset 1-2 and Call to Action:
• Must be cut-out’s of the assets with transparent background. (examples can be found here)
• Dimensions are depending on the size of the asset itself.
Format Device Width*Height Extensions Max. weight
Background Mobile 768x900 JPG 80 kb
Asset 1 Mobile PNG 40kb
Asset 2 Mobile PNG 40kb
Call to Action Mobile PNG 40kb
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
InterScroller
29/04/2019 Additional Information 61
Takeover
Takeover
Technical SpecificationsTakeover
29/04/2019 Screenshot 63
Technical SpecificationsTakeover
29/04/2019 Format dimensions 64
* Deliver background color (e.g. #FF44FF), so the transition on the end of the background is nice and smooth.
Wallpaper must be delivered in hard material and with click commands.
** No Medium Rectangle companion available for Sporza, Radio2
Photoshop template can be found here
Format Device Width*Height Extensions Max. weight Animation Clicktag
Large Leaderboard Desktop / Tablet 950*150 HTML5/GIF/JPG 80 kb 3 loops in 15” clickTag
Wallpaper* Desktop / Tablet 1600*1200 GIF/JPG/PNG 180 kb - -
Medium Rectangle** Desktop / Tablet 300*250 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Mobile Leaderboard Mobile 640*150 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Mobile Medium Rectangle Mobile 600*500 HTML5/GIF/JPG 70kb 3 loops in 15” clickTag
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Takeover
29/04/2019 Additional Information 65
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Takeover
29/04/2019 HTML5 clickTag Implementation 66
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 67
Takeover
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 68
Takeover
Responsive Takeover
Responsive Takeover
Technical SpecificationsResponsive Takeover
29/04/2019 Screenshot 70
Technical SpecificationsResponsive Takeover
29/04/2019 Format dimensions 71
* Video is optional, all video formats/extensions are mandatory when using video in your takeover.
Format Device Width*Height Extensions Max. weight Animation Clicktag
Large Background Desktop / Tablet 1920*250 GIF/ JPG/PNG 150 kb - -
Mobile Background
Mobile 640*200 GIF/ JPG/PNG 70 kb - -
Video* Desktop / Tablet 640*360 MP4/OGG/WEBM 2,5MB - -
Thumbnail* Desktop / Tablet 360*214 GIF/ JPG/PNG 70kb - -
Technical SpecificationsResponsive Takeover
29/04/2019 Desktop background discription 72
Visible zones
Desktop: Premium zone and secondary zone.
Tablet landscape : Premium zone and part of secondary zone.
Tablet portrait: Premium zone.
Smartphone (smaller then 768px) : Mobile background.
Content
The entire premium zone holds the most important content. This will always
be visible.
Secondary zone is used to fill up additional space when available.
This format has an optional video. The position of the video is in the left
premium zone.
Position video : 370px from center.
18px from top.
Download a photoshop template here.
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Responsive Takeover
29/04/2019 Additional Information 73
Technical Specifications
Delivering HTML5 As Hard material
Inside the <head> of the .html file a global JavaScript variable called “clickTag” must be declared.Example:
<script type="text/javascript"> var clickTag = "";
</script>
This variable must be used as landing page when processing the click.A possible example:
<body style="margin:0;padding:0;"><a href="javascript:window.open(window.clickTag)">
“INSERT YOUR CREATIVE DIV STRUCTURE HERE”</a>
</body>
Please deliver us the landings page by mail, our adserver will make sure the click command and landing page will be placed inside the clickTag variable.
Responsive Takeover
29/04/2019 HTML5 clickTag Implementation 74
Delivering HTML5 self hosted by a web service.
Inside the .html file the click command from our adserver must be picked up and placed in front of the landings page.We will pass the click command in the URL via a query string called “click”.f.e
<iframe SRC=“<YOUR BANNER URL>?click=<CILCK COMMAND>"></iframe>
Picking up the click command can be done with the following code.
var clickthrough = location.search.split('click=')[1];
Adding the variable clickthrough in front of you landing page will allow us to measure clicks in our adserver.
When using clickTag as variable to process the click, the entire code would become the following:
var clickthrough = location.search.split('click=')[1];
var clickTag = clickthrough+“<YOUR LANDINGSPAGE>";
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 75
Responsive Takeover
Delivering HTML5 hosted in an ad serving system. (DCM – Adform – Sizmek - … )
Please inform yourself how your ad serving system will process the click command. Implement the clickTag as demanded by your system.
We will make sure our click command will be passed to the creative using the implementation guidelines of your ad serving system.
Technical Specifications
29/04/2019 HTML5 clickTag Implementation 76
Responsive Takeover
Video InStream
VIDEO InStreamPre-Mid-Post Roll
Technical SpecificationsPreroll - Midroll - Postroll
29/04/2019 Screenshot 78
Technical SpecificationsPreroll - Midroll - Postroll
29/04/2019 Format dimensions 79
Both formats are mandatory
Video Codec : H264 – Profile: Baseline, Level: 3.0
No variable framerate allowed.
Format Device Width*Height Extensions Max. weight Max. Duration Frames/sec
Preroll / Midroll / Postroll Desktop / Tablet / Mobile 640*360 MP4 / VAST redirect 4MB 15 sec 25
VAST redirect is not allowed on VRT websites + VRT syndication.
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Preroll - Midroll - Postroll
29/04/2019 Additional Information 80
Video InArticle
VIDEO InArticle
Technical SpecificationsInArticle Video
29/04/2019 Screenshot 82
Technical SpecificationsInArticle Video
29/04/2019 Format dimensions 83
Video Codec : MPEG
Format Device Width*Height Extensions Max. weight Max. Duration Frames/sec
InArticle Desktop / Tablet / Mobile 640*360 MP4/MOV/WMV/AVI 2,5MB 15 sec 25
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
InArticle Video
29/04/2019 Additional Information 84
Video InBound
VIDEO InBound
Technical SpecificationsInbound Video
29/04/2019 Screenshot 86
Technical SpecificationsInbound Video
29/04/2019 Format dimensions 87
Video Codec : MPEG
Format Device Width*Height Extensions Max. weight Max. Duration Frames/sec
Inbound Desktop / Tablet / Mobile 640*360 MP4/MOV/WMV/AVI 2,5MB 15 sec 25
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Inbound Video
29/04/2019 Additional Information 88
Native Display Ad
Native Display Ad
Technical SpecificationsNative Display Ad
29/04/2019 Screenshot 90
Technical SpecificationsNative Display Ad
29/04/2019 Format dimensions 91
Native Display Ad also includes:
✓ Title: max 50 characters incl spaces.
✓ Body: max 150 characters incl spaces.
Format Device Width*Height Extensions Max. weight Animation
Native Display Ad Desktop / Tablet / Mobile 550*350 GIF/JPG 50 kb NO LOGO! NO TEXT!
Optimize your results by using :
✓ Readable and comprehensible content
✓ Clear and faultless language
✓ Rather personal than formal
✓ Use your keywords in the copy
✓ Deliver several copy’s and images
✓ Strong ‘call-to-action’
Native Display Ad clicks to the native article within the site.
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Native Display Ad
29/04/2019 Additional Information 92
Technical SpecificationsLinkedIn
29/04/2019 Format dimensions 94
▪ Sponsored Content
▪ Sponsored InMail
▪ Dynamic Ads
▪ Display Ads
▪ Text Ads
Spotify
Spotify
Technical SpecificationsSpotify
29/04/2019 Format dimensions 96
▪ Audio
▪ Video Takeover
▪ Video Sponsored Session
▪ Display Overlay
▪ Display Homepage Takeover
▪ Display Leaderboard
Konvento
Konvento
Technical SpecificationsKonvento
29/04/2019 Screenshot 98
Technical SpecificationsKonvento
29/04/2019 Format dimensions 99
Konvento Box also includes:
✓ Title: max 25 characters incl spaces.
✓ Body: max 90 characters incl spaces.
Format Device Width*Height Dimension Extensions Max. weight Animation
Small image Desktop / Tablet / Mobile 200*144 - GIF/JPG 50 kb NO LOGO! NO TEXT!
Big image Desktop / Tablet / Mobile Minimum 400*225 16:9 GIF/JPG 100 kb NO LOGO! NO TEXT!
Technical SpecificationsKonvento
29/04/2019 Best practices 100
BEST PRACTICES IMAGES
People are always preferable. Even better if they’re at a medium zoom (shoulders up) or closer.
Avoid clipart, brand logo’s and default images.
Use eye-catching colors to attract users’ attention.
BEST PRACTICES TITLESLists are always clickable, so if your content has one, use it!
Intrigue and mystery can help draw in users.
Front load titles with an eye-catching main point.
The Zombie Apocalypse is becoming a reality according to new research
New Research suggests that the Zombie Apocalypse is becoming a real thing
4 Facts you should know about your Mortage
A usefull guide to managing your Mortage
The Real Secret to Happiness may surprise you
Study shows more Sleepwill make you Happier
TIPS & TRICKS
▪ Test multiple title variations and images per URL, to see what works best for yourcontent.
▪ Use your titles and images to attract you target audience: “Foodies will love this product”, “4 great tools for mothers”, ...
▪ Make sure your title and image reflect the content the user arrives at post-click. This will ensure every click you get is a quality click.
Technical Specifications
Delivery Address:All materials should be sent to adops@pebblemedia.be
Delivery Delays: 3 business days for standard banners5 business days for rich media
Delivery should include:all necessary creatives active destination URLsif applicable, detailed instructions on how material should run
Feedback: Will be given within 24 hours after reception. If material does not meet requirements, procedure will restart.
3rd Party:All active HTTPS 3rd party tags are accepted.All assets loaded by the 3rd party tag must be HTTPS as well.
HTML5We strongly recommend the use of HTML5 but under the following conditions:• CSS selector must contain banner specific prefix's. • Must contain an IAB ClickTag and open the landing page in a new tab. (see following
pages for extra information)
Video specifications:Max 2.5mb, Up to 30 seconds, Longer than 30 seconds during user interaction. play, pause, stop, sound on/off button must be present.
Audio Specifications:Standard audio off, only on with user interaction, on mouse off the creative, audio should stop. Sound on/off button must be present.
Konvento
29/04/2019 Additional Information 101
Technical Specifications
Ad OperationsCampaign follow up
Email: adops@pebblemedia.beTechnical follow up
Email: technical@pebblemedia.be
SalesAgency Sales
Email: salesteam@pebblemedia.beDirect Sales
Email: salesteam@pebblemedia.be
29/04/2019 Contact Information 102
top related