Wer mit seinem Blog oder Webseite im Direktmarketing Geld verdienen möchte, der wird sicher früher oder später auf das Problem stossen von Kunden flash Banner geliefert zu bekommen, die nicht so so einfach klickbar sind. Auch ein Adserver wie OpenX kann hier manchmal keine Lösung anbieten. Klar das sollte man am besten direkt in der .fla Datei lösen, aber manchmal ist diese einfach nicht verfügbar. Eventuell hat der Werbekunde sich den Banner vor langer Zeit erstellen lassen, vielleicht sogar mal als Grafik und hat nur die .swf Datei bekommen oder hat ihn selbst erstellt und kannte sich nicht so gut damit aus. Man kann nun entweder bei der Annahme von flash Dateien auf eine klare technische Spezifikation setzen, die der Werbekunde erfüllen muss, aber es gibt auch eine schnelle und einfache Lösung um einen flash Banner dennoch klickbar zu machen.

Flashbanner klickbar machen mithile eines kleinen html Codes

Auch ich hatte nun neulich so ein Problem mit einem Flashbanner, der mir von einem Werbekunden geliefert wurde. Es liess sich wunderbar abspielen, aber der flash lies sich einfach nicht klicken. Hier hatte wohl der Grafiker noch nichts von clicktag und dem richtigen Gebrauch eines actionscripts gehört. Was natürlich für mich aber auch Neuland ist. Daher wohl auch meine anfängliche Idee sowas müsste sich ja damit lösen lassen, indem man einen transparenten Banner über den flash drüberlegt und diesen dann als Klickbanner benutzt und ihm die Zielurl zuweist. Das hört sich zwar einfach an, aber erweist sich dann doch als komplizierter als eigentlich gedacht. So funktionieren relative Zuweisungen oder ein z-index in so einem Fall gar nicht weiter. Auch kann man den flash wenn man nur die .swf Datei besitzt eigentlich gar nicht bearbeiten, sonst könnte man hier ja einfach noch eine ebene drüberlegen um diese dann der Zielurl zuzuweisen. Aber nach langem Suchen bin ich dann doch auf eine Lösung gestossen, die es erlaubt transparenten Banner direkt über den flash zu legen, dieser Banner ist dann leicht anklickbar und verweist auf die Zielurl.

<object type="application/x-shockwave-flash" data="Beispielflashbanner.swf" width="120" height="600" id="xy">
   <param name="movie" value="Beispielflashbanner.swf" />
   <param name="loop" value="false" />
   <param name="menu" value="false" />
   <param name="scale" value="exactfit" />
   <param name="quality" value="high" />
   <param name="bgcolor" value="#FFFFFF" />
   <param name="wmode" value="transparent" />
   <embed src="Beispielflashbanner.swf" wmode="transparent" /> -->
</object>
 
<a href="http://www.zielurl.de" target="_blank" rel="nofollow">
<img src="transparentbanner.gif" width="120" height="600" 
style="margin-left:-119px;filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
-moz-opacity: 0.0;-khtml-opacity: 0.0;opacity: 0.0;" />
</a>

Diesen Code kann man dann, wenn man entsprechende Pfade für den flash Banner, den transparenten Banner und die Webseite für die geworben werden soll eingetragen hat, einfach in ein Widget packen und der flash Banner kann nun gezeigt und auch angeklickt werden. Nicht zu vergessen dabei die Größen anzupassen, gerade auch die Positionierung des transparenten Banner, diese geschieht ausschliesslich über die Bannerbreite, in diesem Fall margin-left:-119px.

Keine ähnlichen Artikel.