Flash banner ved Partner-Ads

Gæsteindlæg skrevet af Casper Schneidereit for 1 decade siden | Se alle indlæg

Hvis du vil annoncerer ved Partner-Ads og gerne vil benytte Flash bannere, så er dette indlæg interessant for dig.

I forbindelse med ShopWithSocks.com affiliate program er der lavet en række bannere i forskellige størrelser. For hvert Flash banner er der også lavet en GIF version. Problematikken er, at der findes en række enheder (Apple…), som ikke har Flash understøttelse. Når en enhed uden Flash understøttelse henter en side, hvor et ShopWithSocks.com banner er på, får de automatisk vist GIF versionen i stedet for. Det er super cool, men ikke noget som Partner-Ads understøtter direkte. Så her er et work around :-).

Her ser du henholdsvis Flash og GIF versionen for det samme banner:

FLASH, 300x250

GIF, 300x250

Jeg har også lavet en lille video demonstration, hvor bannerne bliver vist på henholdsvis min Mac og iPad, så I kan se funktionaliteten i praksis.

Selve HTML koden jeg uploader til Partner-Ads´ reklamesystem, er en iframe med en refference til en selvstændig side på min server. Prøv selv at åben siden for mit 600 x 400 px. banner her. http://danmark.shopwithsocks.com/affiliate/banner.php?w=600&h=400

Kigger du i kildekoden, kan du se det er javascriptet SWFObject, der gør tricket. Først og fremmest til at embedde Flash banneret på siden, men også styringen mellem Flash og GIF versionen af banneret.

Via clicktagget ( so.addVariable("clickTagclicktag","…");. ) kan URL'en til banneret indlæses "udefra". Ken fra Partner-Ads har sendt mig denne guide til clicktag – hvordan det laves (PDF).

SWFObject

SWFObject fungerer sådan her (i grove træk): Som udgangspunkt viser vi GIF banneret til alle brugere. Er der Flash understøttelse, "overskriver" vi GIF banneret med Flash banneret. Er der ingen Flash understøttelse, gør vi ingenting.

Partner-Ads, Flash banner og URLencode

Iframen, der indeholder banneret, skal have indlæst tracking URL'en, som kommer fra Partner-Ads. Det er en dynamisk URL, der er unik for hver partner. I dette tilfælde bruger jeg parameteret URL til at indlæse tracking URL'en.

Når du har en fuld URL som parameter i en anden URL, så bør du URL encode specialtegn i query strengen. Gør du ikke det, vil der opstå problemer mellem det ønskede resultat, og hvordan serveren opfatter inputtet.

Et lille eksempel:

www.example.com/?url=http://www.test.dk/?id=90&kategori=80

Det vi vil have er parameteret: url=http://www.test.dk/?id=90&kategori=80

Men serveren opfatter det som to parameter: url=http://www.test.dk/?id=90  kategori=80

Problemet er at &-tegnet i URL'en slutter parameteret, og starter det næste parameter.

Det kan løses, ved at URL encode &-tegnet. Du kan prøve at URL encode og decode nogle specialtegn i toolet herunder.

Hvis du prøver at indtaste &-tegnet, kan du se det bliver til %26. Du kan se en større oversigt her: w3schools URL Encoding Reference

Clicktag og &-tegnet

Så langt så godt. Nu kan vi få hele trackingen URL'en med.

Det sidste du skal være opmærksom på, er at urlencode &-tegnet, når du indlæser trackingen URL'en til clicktaget i koden.

Alternativt kan du også bruge AND til at adskille parametre i Partner-Ads tracking URL. En korrekt opsætning kan se sådan her ud:

http://danmark.shopwithsocks.com/affiliate/banner.php?w=125&h=125&url=http://www.partner-ads.com/dk/klikbanner.php?partnerid=7260ANDbannerid=18859

eller sådan her:

http://danmark.shopwithsocks.com/affiliate/banner.php?w=125&h=125&url=http://www.partner-ads.com/dk/klikbanner.php?partnerid=7260%26bannerid=18859

Har du lyst til at hjælpe os? Kunne du lide indlægget, så ville vi blive oprigtig glad, hvis du delte dette indlæg med dit netværk. Tweet

» Se andre indlæg her.