Hoe voeg ik HTML-banners toe en wat zijn de standaarden?

Aangesloten adverteerders kunnen bij Daisycon onbeperkt linkmateriaal voor de publishers ter beschikking stellen. Momenteel zijn de meest voorkomende linkmaterialen; tekstlinks, gif-banners en HTML-content. In dit artikel leest u welke materialen we van u nodig hebben en hoe u deze materialen het beste kunt aanleveren.

Veel adverteerders leveren ook productfeeds aan ter promotie van hun programma. Lees hier alles over productfeeds.

Daisycon stimuleert adverteerders om zoveel mogelijk goed promotiemateriaal ter beschikking te stellen. Wij helpen u dan ook graag met het correct aanleveren hiervan.

Inhoud van dit artikel:

  1. Welke banners moet ik aanleveren?
  2. HTML-content

1. Welke banners moet ik aanleveren?

Over het algemeen is de regel dat hoe groter de banner is, hoe meer er op geklikt wordt. Wij raden u aan in ieder geval de volgende formaten aan te leveren:

  • Medium rectangle (300x250 pixels)
  • Large rectangle (336x280 pixels)
  • Leaderboard (728x90 pixels)
  • Wide skyscraper (160x600 pixels)
  • Email template (500x500)
  • Full banner (468x60 pixels)
  • Large mobile banner (320x100 pixels)

Verder geldt dat hoe meer materiaal u aanlevert, hoe beter de publishers u kunnen promoten. 

Daarbij adviseren wij u om het aantal kb van de banner zo laag mogelijk te houden. Hoe kleiner de banner, hoe korter de laadtijd, hoe eerder de banner op een website wordt getoond. Groter dan 500 kb kan niet worden verwerkt.

2. HTML-content

Naast de bekende gif-banners kunt u ook HTML-content beschikbaar stellen. Het voordeel hiervan is dat u de content dynamisch kunt maken. Denk bijvoorbeeld aan banners met pulldown-menu's en invulvelden met zoekmogelijkheden (zoals een postcode-of domeinchecker). Ook kunt u mailtemplates beschikbaar stellen zodat e-mailpartijen makkelijker uw acties kunnen promoten.

2.1 Implementeren van de clicktag in HTML

Als u HTML-banners aan het Daisycon-systeem wil toevoegen, dan kan dit het eenvoudigst door het toevoegen van een clicktag aan de banner. De clicktag wordt door Daisycon vervangen door de juiste link. Deze clicktag zet u op de plek waar u normaliter de link zou plaatsen. 

De clicktag dient er als volgt uit te zien:

#CLICKTAG#

Voorbeeld:

<a href="#CLICKTAG#" target="_blank" title="link"></a>

Let op! De clicktag-methode kan alleen worden gebruikt als u één link in uw HTML-banner heeft. Linkt u bijvoorbeeld naar meerdere producten, lees dan hieronder verder bij "2.3 HTML-content met verschillende links".

2.2 Afbeeldingen aanleveren

Daisycon prefereert dat afbeeldingen in HTML-materiaal bij de adverteerder worden gehost. Mocht u de afbeeldingen toch bij Daisycon willen hosten, da dienen de afbeeldingen als volgt in uw templates te worden gezet:

<img src="#DOMAIN#/afbeelding.gif" alt="afbeelding"/>

Op de plaats waar nu 'afbeelding.gif' staat, moet u de exacte naam van de afbeelding plaatsen, zoals hij bij Daisycon in het .zip-bestand wordt aangeleverd.

Let op! Afbeeldingen moeten in dezelfde map worden gezet als de rest van de code. Ze mogen niet in een aparte sub-map staan omdat het systeem ze dan niet herkent.

2.3 HTML-content met verschillende links

Stel dat u HTML-banners wilt distribueren met een top 10 van producten die u op de volgende (fictieve) locatie heeft geplaatst: https://mobieltoestel.eu/top10.php

Waarbij de inhoud de volgende linkopbouw heeft:

  • Merk 1 - https://mobieltoestel.eu/product/nr1.html
  • Merk 2 - https://mobieltoestel.eu/product/nr2.html
  • Merk 3 - https://mobieltoestel.eu/product/nr3.html
  • Etc.

Dan zetten we de 'base-URL' (https://mobieltoestel.eu/product) om in een via ons systeem te meten URL en sturen deze URL naar u terug.

U dient alleen de deelink-url encoded toe te voegen.

Voorbeeld

# Merk 1 - #CLICKTAG#nr1.html
# Merk 2 - #CLICKTAG#nr2.html
Etc.

Een voorbeeld van een url-encoded-link ziet er zo uit:
#CLICKTAG#nl%2Fblog%2Fenergievergelijker%2F

Zodra u klaar bent met de aanpassingen kunt u de HTML-code naar ons opsturen. Wij stellen deze vervolgens beschikbaar aan de publishers.

2.4 Publiceren van banners in Adobe Edge

Ga naar File > Publish settings. In dit scherm staat hoe de banner geëxporteerd moet worden. Voor Daisycon is het noodzakelijk dat er geen extra mappen zijn, alle bestanden in één map dus. Dit doe je door alle velden leeg te maken en daarna de instellingen op de slaan.

Clicktags toevoegen met Adobe Edge

Het is belangrijk dat de clicktags niet in het losse JavaScript-bestand worden geplaatst. Als er één clicktag in de hele banner staat, is het makkelijker om het onderstaande stukje code toe te voegen aan de <body>tag:

<body onclick="javascript:window.open('#CLICKTAG#','_blank');"
onmouseover="javascript:this.style.cursor='pointer';"
onmouseout="javascript.this.style.cursor='auto';">

Samenvatting aanleveren HTML-content

Voor de volledigheid leggen we nog een keer stap voor stap uit welke stappen moeten worden genomen om HTML-content aan te leveren:

  • Het materiaal dient te worden voorzien van een clicktag.
  • U geeft bij uw channelmanager aan wat de base-url moet zijn.
  • Afbeeldingen moet u zelf hosten of aanleveren volgens de Daisycon-specificaties uitgelegd in 2.2.
  • Het materiaal levert u aan bij uw channelmanager. De channelmanager zorgt ervoor dat het materiaal in het systeem wordt geplaatst. Houd er rekening mee dat het 1 à 2 werkdagen kan duren voordat dit is doorgevoerd.

Indien u HTML-materiaal heeft laten maken door derden, dan kunt u het beste uw leverancier vragen de clicktag en andere specificaties te implementeren. HTML-materiaal wordt met veel verschillende software-pakketten gemaakt (Adobe Edge, Google Web Designer, Swiffy, etc). Daarom is het voor Daisycon niet altijd mogelijk om u te ondersteunen bij de implementatie. Voordat u alle specificaties door laat voeren door uw designer, mag u uiteraard altijd de banner ter controle naar Daisycon sturen.