technical specifications - pebblemedia · technical specifications leaderboard + mobile leaderboard...

102
T echnical Specifications 29/04/2019 Tech Specs 1

Upload: others

Post on 08-Jun-2020

18 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

29/04/2019 Tech Specs 1

Page 2: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 3: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Leaderboard + Mobile Leaderboard

Leaderboard + Mobile Leaderboard

Page 4: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsLeaderboard + Mobile Leaderboard

29/04/2019 Screenshot 4

Page 5: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 6: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 7: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 8: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 9: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 10: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Large Leaderboard + Mobile Leaderboard

Large Leaderboard+ Mobile Leaderboard

Page 11: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsLarge Leaderboard + Mobile Leaderboard

29/04/2019 Screenshot 11

Page 12: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 13: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 14: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 15: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 16: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 17: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Medium Rectangle + Mobile Medium Rectangle

Medium Rectangle + Mobile Medium Rectangle

Page 18: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsMedium Rectangle + Mobile Medium Rectangle

29/04/2019 Screenshot 18

Page 19: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 20: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 21: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 22: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 23: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 24: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Wide Skyscraper

Wide Skyscraper

Page 25: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsWide Skyscraper

29/04/2019 Screenshot 25

Page 26: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 27: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 28: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 29: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 30: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 31: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Carousel Ad

Carousel Ad

Page 32: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsCarousel Ad

29/04/2019 Screenshot 32

Page 33: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 34: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 35: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Billboard + Large Mobile Leaderboard

Billboard &Large Mobile Leaderboard

Page 36: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsBillboard + Large Mobile Leaderboard

Page 37: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 38: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 39: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 40: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 41: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 42: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 43: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsHalf Page + Mobile Medium Rectangle

29/04/2019 Tech Specs 43

Page 44: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Half Page + Mobile Medium Rectangle

Half Page &Mobile Medium Rectangle

Page 45: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsHalf Page + Mobile Medium Rectangle

29/04/2019 Screenshot 45

Page 46: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 47: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 48: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 49: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 50: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 51: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Floorad

Floorad

Page 52: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsFloorad

29/04/2019 Screenshot 52

Page 53: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 54: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 55: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 56: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 57: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 58: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

InterScroller

InterScroller

Page 59: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsInterScroller

29/04/2019 Screenshot 59

Page 60: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 61: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 62: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Takeover

Takeover

Page 63: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsTakeover

29/04/2019 Screenshot 63

Page 64: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 65: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 66: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 67: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 68: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 69: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Responsive Takeover

Responsive Takeover

Page 70: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsResponsive Takeover

29/04/2019 Screenshot 70

Page 71: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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 - -

Page 72: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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.

Page 73: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 74: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 75: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 76: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 77: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Video InStream

VIDEO InStreamPre-Mid-Post Roll

Page 78: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsPreroll - Midroll - Postroll

29/04/2019 Screenshot 78

Page 79: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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.

Page 80: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 81: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Video InArticle

VIDEO InArticle

Page 82: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsInArticle Video

29/04/2019 Screenshot 82

Page 83: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 84: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 85: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Video InBound

VIDEO InBound

Page 86: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsInbound Video

29/04/2019 Screenshot 86

Page 87: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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

Page 88: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 89: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Native Display Ad

Native Display Ad

Page 90: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsNative Display Ad

29/04/2019 Screenshot 90

Page 91: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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.

Page 92: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 93: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

LinkedIn

LinkedIn

Page 95: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Spotify

Spotify

Page 97: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Konvento

Konvento

Page 98: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical SpecificationsKonvento

29/04/2019 Screenshot 98

Page 99: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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!

Page 100: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

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.

Page 101: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Delivery Address:All materials should be sent to [email protected]

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

Page 102: Technical Specifications - Pebblemedia · Technical Specifications Leaderboard + Mobile Leaderboard 29/04/2019 Format dimensions 5 Both formats are mandatory Format Device Width*Height

Technical Specifications

Ad OperationsCampaign follow up

Email: [email protected] follow up

Email: [email protected]

SalesAgency Sales

Email: [email protected] Sales

Email: [email protected]

29/04/2019 Contact Information 102