tutorials.de Buch-Aktion 05/2012
  • Webmaster & Internet

    Webmaster & Internet
  • Anti-Adblock-Script (AAS) für Webmaster - Werbeblocker umgehen

    Das folgende Script ermöglicht, einen Benutzer-Hinweis (oder auch eine alternative Werbebotschaft) im Browser anzuzeigen, wenn ein gängiger Werbeblocker wie Adblock Plus (Firefox Add-On) oder WebWasher aktiviert ist.

    Funktionen des Anti-Adblock-Scripts (AAS):
    • Der Original-Werbemittelcode bleibt unverändert
    • Das Werbemittel wird nur ersetzt, sofern ein Werbeblocker aktiviert ist
    • Eine alternative Botschaft kann mittels HTML-Code definiert werden.


    Schritt 1: Der DIV-Container

    Zunächst wird der Original-Werbemittelcode in einen DIV-Container verfrachtet:

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    
    <div id="werbeflaeche">
    <script type="text/javascript"><!--
      google_ad_client = "pub-1234567890";
      /* 468x60, Erstellt 22.05.09 */
      google_ad_width = 468;
      google_ad_height = 60;
      //-->
      </script>
      <script type="text/javascript"
      src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
      </script>
    <noscript>
    Sofern Javascript im Browser deaktiviert ist (z.B. durch das Firefox-Addon NoScript),
    wird stattdessen dieser Text angezeigt. Alternativ kann HTML-Code
    eingesetzt werden, so dass eine Grafik, ein Link oder ein iFrame ausgegeben wird.
    </noscript>
    </div>

    Im konkreten Beispiel handelt es sich um einen fiktiven Google AdSense-Werbemittelcode.


    Schritt 2: Das Anti-Adblock-Script (AAS)

    Das Script sollte unmittelbar vor dem abschließenden </body>-Tag eingefügt werden.

    Code :
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    
    <script type="text/javascript"><!--
    AAS_aktiv = true;
    //--></script>
    <script type="text/javascript" src="/pfad/zur/datei/adcode.js"></script>
    <script type="text/javascript"><!--
    if (AAS_aktiv) {
      message = '<strong>Hallo lieber User, du siehst diesen Text anstelle von Werbung!</strong>';
      message += 'Besuche unsere Website: <a href="http://www.tutorials.de" >Tutorials.de</a>';
      document.getElementById("werbeflaeche").innerHTML = message;
    }
    //--></script>

    Sofern mehrere Werbemittel auf der Website verwendet werden, ist es von Vorteil, jedem DIV-Container eine eigene ID zuzuweisen, wie z.B. werbeflaeche1, werbeflaeche2, etc.. Auf diesem Weg kann für jedes Werbemittel ein anderer Benutzer-Hinweis (oder eine alternative Werbebotschaft) ausgegeben werden.


    3. Schritt: Der Köder "adcode.js"

    Der Inhalt der Datei besteht nur aus genau einer Zeile Javascript-Code:

    Code :
    1
    
    AAS_aktiv = false;

    Der Name der Datei ist so gewählt, dass der Werbeblocker diese für ein Werbescript hält. Es passiert dabei folgendes: Der Zugriff auf die Datei, die das AAS ausschaltet, wird durch den Werbeblocker verhindert, die Falle schnappt zu und das AAS sorgt dafür, dass der im Script definierte Alternativ-Text ausgegeben wird. Die Köder-Datei kann selbstverständlich auch anders benannt werden, wichtig ist nur, dass der Werbeblocker darauf anspringt.

    Hinweis: Es ist zu bedenken, dass Internetuser nicht grundlos Werbeblocker verwenden. Werbung auf Webseiten kann manchmal als sehr aufdringlich bzw. störend empfunden werden. Daher überlege dir gut, zu welchem Zweck du obiges Script einsetzt.

    Viel Spaß beim Basteln
    DrSoong, chmee, sheel und 3 weitere bedanken sich. 


    Kommentare 4 Kommentare
    1. Avatar von cheesi
      cheesi -
      Da gibts nur ein kleines Problem
      Wenn du der Div-Box eine ID wie Werbung gibst, wird diese auch unterbunden.
      Einfach irgendwas einfallen lassen.

      alternativ könnte man auch durch PHP Oder JS einen zufallscode erzeugen und diesen dann als id einfügen. Dadurch könnt man ein direktes Sperren unterbinden, da die Box jedes mal eine andere id hat.
    1. Avatar von ComFreek
      ComFreek -
      Funktioniert wunderbar, Danke (obwohl ich selbst AdBlock Plus nutze) !
    1. Avatar von thehacker
      thehacker -
      Cool
      Wenn ich jetzt dann Werbung schalte nutze ich das Script (Ich mache es nicht auf tränglich )
    1. Avatar von Entwicklerpages
      Entwicklerpages -
      Echt gut!
      Bald werd ich mir Webspace kaufen und diesen Trick anwenden. Ich hab sowieso nicht vor, aufdringliche Werbung zu schalten.

      Oh, und das mit dem Zufallscode ist auch ne gute Idee.
    Kommentare Kommentar schreiben

    Klicke hier, um dich anzumelden

    Welche Farbe hat eine reife Zitrone?