Vor einiger Zeit hieß es, dass die Werbung das Internet kaputtmacht. Die Werbung wurde immer penetranter, viele Pop-Ups die einem ins Gesicht springen und jede menge Banner auf der Seite. Um User vor diesem Übel zu bewahren, entstanden Werbeblocker, wie AdBlock Plus und alle waren glücklich.

Doch die Zeiten ändern sich. Jetzt im Blogging Zeitalter, will jeder eine Webseite haben und bloggen. Einen Blog zu unterhalten kostet viel Geld, und da versuchen viele Webmaster, mit Werbung die anfallenden Serverkosten auszugleichen. Blöd nur, dass über 30% aller Besucher einen Werbeblocker einsetzt. Nun kann man aber sagen, dass die Werbeblocker das Internet kaputtmachen, weil es sich nicht mehr Lohnt eine Seite zu pflegen und neue Inhalte zu veröffentlichen.

Dieses Tutorial zeigt, wie man auf einfache Weise erkennen kann, ob der Besucher einen Werbeblocker einsetzt oder nicht. Im Falle, dass ein AdBlocker aktiv ist, kann man unterschiedliche Maßnahmen ergreifen, wie z. B. einen Warnhinweis einblenden, den Besucher auf eine andere Webseite weiterleiten oder noch radikaler, dem Besucher den Zutritt zu der Webseite verweigern.

Ich empfehle, den Besucher einfach darauf hinweisen, dass die besuchte Seite werbefinanziert ist und dass diese nur durch Werbe-Einahmen bestehen bleiben kann.

Nun zur Anleitung:

Als erstens erstellen wir eine neue Datei namens „adframe.js“. Öffne diese Datei mit einem Texteditor (z. B. Notepad++) und fügen nur eine Zeile hinzu:

adblock = false;

Nun den Code im Theme an der Stelle, wo Werbeanzeige eingeblendet werden, anpassen:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

<div class="a">
    <!--Hier steht der Code vom Webebanner bzw. Adsense Code -->
</div>
 
<script type="text/javascript">
    <!--
        var adblock = true;
    //-->
</script>
<script type="text/javascript" src="<?php bloginfo('template_directory'); ?>/adframe.js"></script>
<script type="text/javascript">
    <!--
        if(adblock) {
            var allElements = document.getElementsByTagName('div');
            for (var i = 0; i < allElements.length; i++) {
                if (allElements[i].className == 'a') {
                    allElements[i].innerHTML = 'WERBEBLOCKER  ERKANNT! Hier kommt der Hinweis!!';
                }
            }
        }
    //-->
</script>