Handleiding Banners

Categoriebanners2Om bol.com te promoten op je website kun je gebruik maken van onze banners. De banners zijn een snelle en makkelijke oplossing om bezoekers naar bol.com te sturen. In deze handleiding lees je meer over de soorten banners, hoe je een banner aanmaakt en hoe je de banner vervolgens plaatst op je website.

Vanuit het Partnerprogramma bieden we twee soorten banners aan: campagne gerelateerde banners (promotiebanners) en productcategorie gerelateerde banners (categoriebanners). De promotiebanners zijn slechts een bepaalde periode beschikbaar, omdat ze gekoppeld zijn aan een campagne. Let hier goed op bij het invoegen, vaak linkt de banner na de campagne niet meer goed door. De categoriebanners kun je altijd laten staan: deze promoten een productcategorie van bol.com en zijn dus tijdloos.


Banneroverzicht
Al deze banners vind je op de bannerpagina in het Partnerprogramma. Die pagina vind je onder de tab ‘Promomateriaal’ of door op deze link te drukken. Op de bannerpagina zie je de vier nieuwste banners in het overzicht staan. De banners die we aanbieden zijn in verschillende formaten beschikbaar. Vaak zijn dit er vijf: 500×500, 728×90, 468×60, 300×250 en 120×600. Je kunt de banners filteren op categorie, formaat en type. Alle promotiebanners vind je het snelst in de categorie ‘Alle categorieën’. De categoriebanners vind je als je filtert op de desbetreffende productcategorie. Bij sommige categorieën vind je meerdere soorten categoriebanners.

Een banner aanmaken
Als je de juiste banner voor je website hebt gevonden, kun je die toevoegen door op de banner te klikken. Boven de banner zie je een toelichting over de banner: de categorie, het formaat, het type en de looptijd van de campagne. Om een banner te plaatsen, vul je onder de banner de velden in. Het SubId is een optioneel veld. Hier kun je zelf een woord bedenken zodat je de banner later gemakkelijk kunt herkennen in de rapportages. Wanneer je alle velden hebt ingevuld, druk je op de knop ‘geneer code’. Er verschijnt vervolgens een code die je op je website kunt plaatsen. Hoe je dit het beste kunt doen, verschilt per website.

De broncode plaatsen in WordPress
Wanneer je een banner wilt plaatsen in WordPress moet je meestal switchen naar de andere berichteneditor. Dit gaat heelWysiwyg-text soepel. Wanneer je een artikel of pagina bewerkt, kun je rechtsboven het typveld schakelen van ‘Wysiwyg’ naar ‘Tekst’. In de teksteditor kun je de broncode van de banner plaatsen. Als je deze geplaatst hebt, kun je weer terugschakelen naar de Wysiwyg-editor. Daar zie je de banner nu staan.

De broncode plaatsen op een HTML website
Als je website in HTML is opgemaakt, kun je de code plakken op de plek waar je de banner wilt plaatsen. Als je de grootte van de banner wilt aanpassen, kun je dit doen door de “width” en “heigth” aan te passen in de broncode.

De broncode plaatsen op andere websites
Onze banners kun je op bijna elke website plaatsen. Per website/systeem verschilt dit. Als je de code niet direct in je tekstveld kunt plaatsen, kun je de banner alsnog toevoegen. In de werkbalk staat dan een knop ‘html’ of ‘code’. Als je hierop drukt, verschijnt er een veld waar je de code in kunt plakken. Je website herkent dan de code en zal de banner op je website plaatsen.

De banner testen
Om zeker te weten dat je banner werkt, kun je deze testen. Publiceer je artikel of website en klik op de banner. Je wordt dan doorgestuurd naar bol.com. Kijk op bol.com naar de URL in je navigatiebalk.

De URL zou aan het einde er ongeveer zo uit moeten zien: ?Referrer=ADVNLPPcefa9900cdbf929700f0b502730600144. Het laatste (onderstreepte) gedeelte van deze referrer is het SiteID. Als deze overeenkomt met jouw SiteID, weet je zeker dat je de banner werkt. Gefelliciteerd!

Banner API

Er is een API beschikbaar, waarmee je banners uit het Partnerprogramma kunt ophalen zonder in te loggen in het Partnerprogramma.

    • Bekijk hier de voorbeeldcode of download deze voorbeeldcode (ZIP-bestand)
    • Stuur een mail naar partner@bol.com met het onderwerp banner API-key.
    • Zet je site-id en de api-key op de aangegeven positie in de php-code.
    • Verwerk de php-code.
    • De javascript-codes van de banners vind je in de blokken onder de afbeeldingen van de banners

Let op: als je een adblocker aan hebt staan in je browser kan het zijn dat de banner niet zichtbaar is. Deactiveer voor de zekerheid de adblocker om er zeker van te zijn dat de banner wel werkt.

Banner maken? Klik hier!  Vragen? Stel ze aan ons supporteam 


 

volg developers.bol.com via TwitterMeld je aan voor de Partnerprogramma groep op Linkedin