Javascript zur Erkennung des Verhaltens im Zusammenhang mit der Werbeblockierung während der Bereitstellung einer Seite.
Das JavaScript (adblockDetector.js) wurde getestet, um das mit der Werbeblockierung verbundene Verhalten in den folgenden Webbrowsern zu erkennen:
Dazu erstellt das Skript eine Reihe von DIVs, die wahrscheinlich von browserbasierten Werbeblocker-Tools ausgeblendet werden.
Zusätzliche Taktiken, die noch nicht in diesem Skript enthalten sind:
Laden Sie das gewünschte Erkennungsskript herunter und fügen Sie es Ihrer Website hinzu. Es gibt verschiedene Möglichkeiten, JavaScript in HTML einzubinden.
| Skriptname | Beschreibung |
|---|---|
| adblockDetector.js | Adblocker-Erkennungsskript ohne Google Analytics-Modul |
| adblockDetectorWithGA.js | Adblocker-Erkennungsskript mit Google Analytics-Modul |
Bei AdBlockDetectionWithGA.js werden Sie aufgefordert, Ihre GA-Tracking-ID im Skript in Zeile Nr. 82 anzugeben. Wenn Sie auf dieses Skript verweisen, verfolgt es bestimmte Ereignisse in Bezug auf AdBlock im Benutzerbrowser. Die Details können Sie im Google Analytics-Dashboard einsehen. Hier erfahren Sie, wie Sie überprüfen können, ob der Benutzer einen Werbeblocker verwendet oder nicht.
Zunächst empfehlen wir Ihnen, eine andere GA-Tracking-ID zu erstellen, damit diese Ihre Seitenaufrufe nicht beeinträchtigt. Befolgen Sie die folgenden Schritte für GA zur Verwendung von Adblock.
Leider haben wir noch nicht herausgefunden, wie wir es im Dashboard platzieren können. Wenn Sie also das nächste Mal zu GA gehen, können Sie zum Benutzer-Explorer gehen -> auf Neues Segment hinzufügen klicken. Und Sie finden die Segmente, die Sie zuvor erstellt haben (d. h. eines für Benutzer mit erkanntem Adblock und eines für Benutzer mit nicht erkanntem Adblock). Sie können sie auswählen und auf „Übernehmen“ klicken, um die gemeldeten Daten anzuzeigen.
Es sollte wie im Bild unten aussehen.
Dies ist die empfohlene Einschlussmethode. Die im gewählten Erkennungsskript enthaltenen Funktionen sollten direkt in den HTML-Code des übergeordneten Frames eingebunden werden.
Tun Sie dies, indem Sie den Inhalt des ausgewählten Codes in Skript-Tags im bereitgestellten HTML einschließen.
Es ist möglich, den ausgewählten Code als unabhängige Datei auf Ihrem Webserver zu hosten und diese Datei im gelieferten HTML zu referenzieren.
Wenn Sie eine externe Skriptdatei verwenden, kann diese durch Werbeblocker blockiert werden. Wenn Sie einen anderen Namen für die Datei verwenden, verringert sich die Wahrscheinlichkeit, dass sie von generischen Filtern blockiert wird.
Es ist möglich, die Funktionen aus dem ausgewählten Code in eine bestehende Skriptbibliothek zu integrieren, die als externe Skriptdatei gehostet wird. Dies kann für Besucher, die Werbeblocker verwenden und versuchen, einer Erkennung zu entgehen, zu einer eingeschränkten Funktionalität der Website führen, wenn die Werbeblocker die gesamte externe Skriptdatei blockieren.
@prop-Flags
| Option | Typ | Beschreibung |
|---|---|---|
| debuggen | Boolescher Wert | Gibt an, dass zusätzliche Debug-Ausgaben auf der Konsole gedruckt werden sollen |
| gefunden | String (@function) | Funktion zum Auslösen, wenn Adblock erkannt wird |
| nicht gefunden | String (@function) | Funktion zum Auslösen, wenn kein Adblock erkannt wird. Beachten Sie, dass dies jedes Mal ausgelöst wird, wenn kein Adblock erkannt wird, und erst dann Eingaben für Maßnahmen liefern sollte, die ausgeführt werden, wenn „abgeschlossen“ erkannt wird. |
| vollständig | String (@function) | Funktion zum Auslösen, sobald der Test abgeschlossen ist. |
Das Testergebnis (boolean) ist als Parameter im Callback-Beispiel enthalten:
window . adblockDetector . init (
{
found : function ( ) { ... } ,
notFound : function ( ) { ... }
}
) ;Fügen Sie den folgenden Code in die HTML-Seite ein.
< script src = "./adblockDetector.js" > < / script >
< script >
// Configure the adblock detector
( function ( ) {
var enabledEl = document . getElementById ( 'adb-enabled' ) ;
var disabledEl = document . getElementById ( 'adb-not-enabled' ) ;
function adBlockDetected ( ) {
enabledEl . style . display = 'block' ;
disabledEl . style . display = 'none' ;
}
function adBlockNotDetected ( ) {
disabledEl . style . display = 'block' ;
enabledEl . style . display = 'none' ;
}
if ( typeof window . adblockDetector === 'undefined' ) {
adBlockDetected ( ) ;
} else {
window . adblockDetector . init (
{
debug : true ,
found : function ( ) {
adBlockDetected ( ) ;
} ,
notFound : function ( ) {
adBlockNotDetected ( ) ;
}
}
) ;
}
} ( ) ) ;
< / script >Fügen Sie den folgenden Code in den Hauptteil der HTML-Seite ein
< div class =" center " >
< h5 class =" bg-success " id =" adb-not-enabled " style =" display: none; " > AdBlock is disabled </ h5 >
< h5 class =" bg-danger " id =" adb-enabled " style =" display: none; " > AdBlock is enabled </ h5 >
</ div >Gabel es! Erstellen Sie Ihren Feature-Zweig: git checkout -b my-new-feature Übernehmen Sie Ihre Änderungen: git commit -am 'Fügen Sie ein Feature hinzu' Pushen Sie zum Zweig: git push origin my-new-feature Senden Sie eine Pull-Anfrage
