Das Problem von VGWort und LazyLoad Optimierungen

Divi & WordPress Tutorials | 16 Kommentare

Die Idee hinter der VG Wort und was man tun muss

Die Ausgangslage ist easy:
  • Man baut per Plugin oder Manuell einen Zählpixel (=unsichtbare Grafik) in Blogbeiträge ein, durch die die VG Wort Zugriffe aus Deutschland registriert.
  • Für jedes Jahr gibt es Grenzen (Mindestzugriffe, Zeichenanzahl), wenn diese erreicht werden erhält man im darauffolgenden Jahr Geld. 2018 waren das z.B. 35 für alle Texte mit mind. 1800 Zeichen und 1500 Mindestaufrufen (aus Deutschland)
Jeder, der diesen Post findet dürfte darüber informiert sein, aber alle anderen finden bei leitmedium einige Infos zum Sinn und Zweck sowie zur Tipps zur VGWort.

Das LazyLoad Problem

Die Idee hinter dem Einsatz einer LazyLoad Funktion ist schnell erklärt: beim Seitenaufruf im Browser des Besuchers werden nur sichtbare Bilder geladen, die anderen werden nachgeladen, wenn sie in den Sichtbereich kommen, sprich beispielsweise gescrollt wird. Das Problem geht genau hier los: durch LazyLoad Funktionalität, die diverse Plugins und Themes anbieten kann es passieren, dass der Pixel nicht geladen wird.

Wie kann man prüfen, ob der VGWort Pixel geladen wird

Am einfachsten mit Entwicklertools eures Browsers. Aufrufen könnt ihr diese auf folgende Art und Weise:
  • Chrome: Rechtsklick auf der Internetseite, die ihr prüfen wollt und „Untersuchen“ anklicken
  • Firefox: Rechtsklick auf der Internetseite und „Element durchsuchen“ anklicken
  • Safari: Rechtsklick auf der Internetseite und „Element Informationen“ anklicken
Je nach Einstellung öffnet sich dann in der Regel am unteren Rand eures Bildschirms die Anzeige. Ob der Pixel korrekt geladen wurde seht ihr daran, dass eine externe Verbindung zu den VGWort Servern hergestellt wurde. Je nach Browser geht das folgendermaßen:
  • Chrome: Tab „Sources“ aufrufen und bei den angezeigten Quellen nach vgwort.de suchen
  • Safari: Tab „Netzwerk“ aufrufen und in der Domain Spalte nach einem vgwort.de Eintrag suchen, die Subdomain kann sich unterscheiden
  • Firefox: Tab „Netzwerkanalyse“ aufrufen und in der Spalte Host nach vgwort.de suchen
Sicherheitshalber solltet ihr diesen Test in einem Inkognito Fenster ausführen. Nachfolgend noch Screenshots, auf denen ihr die Verbindung seht.

Tipps zu einigen LazyLoad-Plugins und Einstellungen

WP Rocket Caching und separates LazyLoad Plugin von WPRocket

Sowohl bei dem Caching Plugin als auch bei dem separaten LazyLoad Plugin könnt ihr Bilder ausschließen, indem ihr data-no-lazy="1" zu dem jeweiligen Bild hinzufügt. Beim Prosodia VG Wort Plugin könnt ihr auf dem folgenden Screenshot sehen, wo der Wert eingetragen werden kann. Ihr finde die entsprechende Seite über https://eureurl.de/wp-admin/admin.php?page=wpvgw-configuration "Eintragung In einigen Fällen konnten wir feststellen, dass der Pixel auch ohne diesen Zusatz richtig geladen wurde, allerdings war in diesen Fällen im Prosodia Plugin die Funktion „Zählmarken verzögert ausgeben/laden (Lazy Loading) aktiviert“ aktiviert, probiert ruhig mal aus, ob das bei euch auch so geht, wobei der Zusatz data-no-lazy="1" auch nicht stört.

Autoptimize Plugin und LazyLoad

Wenn ihr Autoptimize einsetzt und darin LazyLoad aktiviert bekommt ihr ein Feld angezeigt, dass es euch ermöglicht CSS Klassen zu benennen, für das LazyLoad deaktiviert bleiben soll. Das einfachste Vorgehen wäre dann:
  1. Vergebt im Prosodia Plugin eine Klasse für den Imagetag, ähnlich wie in der WPRocket Anleitung eine Klasse nach folgendem Muster: class="vgwortpixel"
  2. Diese Klasse tragt ihr dann auch bei Autoptimize ein, ohne "", lediglich vgwortpixel wird dort eingetragen.

CSS Klasse, die dann von LazyLoad ausgeschlossen wird.

Worthy VG WortPlugin

Oliver von Empfehlbar hat mich netterweise darauf hingewiesen, dass das WP Worthy Plugin bereits eine Lösung eingebaut. Für Autoptimize lässt sich die automatisch vergebene Klasse wp-worthy-pixel-img nutzen und für WP Rocket ist bereits data-no-lazy="1" in den Image Tag eingebaut. Siehe folgender Screenshot. Falls ihr andere Plugins im Einsatz habt teilt uns das gerne mit, dann schauen wir gerne mal nach, wie man bei diesen Vorgehen muss.
"

Du hast noch kein DIVI Theme? Dann hol dir jetzt das Theme mit 10 - 20% Rabatt!

Was sind eure Erfahrungen und Fragen? Schreibt uns!

16 Kommentare

  1. Hallo und danke für den Tipp. Ich habe es mit

    data-no-lazy=“1″
    im Prosodia VGW OS Plugin lösen können. Dann hatte Autoptimize den Pixel erstmal nicht mehr blockiert.

    Antworten
    • Hallo Henning,

      Interessant, denn mMn enthält die Autoptimize Doku keinen Hinweis darauf, dass es so auch geht. Aber wenn es klappt – umso besser 😉

      Grüße

      Chris

      Antworten
  2. Hi, seit der Version 5.5 ist Lazy Loading ja nun in WordPress standardmäßig integriert. Wie lässt sich da das Problem mit dem VG Wort Pixel lösen, ohne dass man Lazy Loading komplett deaktiviert? Gibts da schon Tipps?

    Antworten
    • Hi,

      ich hab mir 5.5 noch gar nicht angeschaut, kann deshalb noch nichts dazu sagen. Aber an un dfür sich müsste es reichen, zusätzlich loading="eager" in den IMG Tag zu packen.

      Einfach mal testen, ob danach die Grafik geladen wird beim Seitenaufbau.

      Grüße

      Chris

      Antworten
  3. Уборка квартир/домов/офисов любых помещений в Санкт-Петербурге
    Наведём идеальную чистоту и порядок в день обращения или в любой удобный день и время для Вас
    — Поддерживающая уборка
    — Генеральная уборка
    — Уборка после ремонта
    — Уборка после прорыва канализации
    — Уборка после потопа
    — Уборка запущенных/захламленных квартир
    — Мойка окон и витрин
    — Устранение неприятных запахов
    — Химчистка мебели
    — Вынос и вывоз мусора
    — Все виды уборок любых помещений
    Убираем , чистим , моем объекты любой сложности по доступным ценам
    Используем свои моющие средства и оборудование и всегда новые расходные материалы
    Оплата за наилучший результат после уборки
    Пн-Вс с 6.00 – 22.00, без выходных

    клининг в санкт-петербурге

    Antworten
  4. В 2001 году Александр Потехин, не дожидаясь предъявления обвинений, добровольно ушел в отставку с поста председателя комитета по печати. Должность пустовала недолго – ее заняла супруга экс-председателя Ирина Потехина, ранее руководившая «Комсомольской правдой» в Петербурге. Сам Потехин, по его уверениям, занялся организацией петербургского отделения партии «Единая Россия», а также собственным бизнесом.Спустя год, в ноябре 2001-го, управление Генпрокуратуры возбудило еще одно дело – о незаконном участии Александра Потехина и Дмитрия Солонникова в предпринимательской деятельности. Речь в нем шла об участии обоих в качестве учредителей в вышеупомянутой социологической организации. Оба дела были объединены в одно.В 2002 году производство по эпизодам, касавшимся «дела социологов», было прекращено по истечению сроков давности. Производство по эпизоду с незаконным участием в предпринимательской деятельности было прекращено по амнистии летом того же года. Обвиняемые дали свое согласие на прекращение дела, что формально равнозначно признанию ими своей вины.За время расследования уголовного дела Дмитрий Солонников провел под стражей около двух месяцев. 30 декабря 2000 года он был освобожден судом под залог в размере 130 тысяч рублей. Издание «Фонтанка.Ру» писало, что за время следствия скончалась супруга Солонникова: «Состояние здоровья Красницкого (одного из обвиняемых по «делу социлогов – прим. ред.) вызывает опасения у его адвокатов: в августе у него (как и у другого обвиняемого по этому делу – Дмитрия Солонникова) умерла жена».Фактически уголовное дело против Потехина (в рамках которого досталось и Солонникову, хоть он и не был главной «мишенью») возникло из-за борьбы тогдашнего полпредства, возглавляемого Виктором Черкесовым, с губернатором Владимиром Яковлевым. Потехин стал далеко не единственным вице-губернатором, оказавшимся под следствием. Первый вице-губернатор Валерий Малышев, курировавший транспорт и спорт, был обвинен в получении взяток (в том числе, финскими журнальными столиками, мобильным телефоном Nokia-2110). Он умер от инсульта вскоре после того, как дело было направлено в суд. Вице-губернатор Анатолий Каган, являвшийся председателем комитета по здравоохранению, обвинялся в халатности – он наносил ущерб казне, покупая лекарства по завышенным ценам. Вице-губернатор Виктор Кротов, возглавлявший комитет финансов, обвинялся в злоупотреблении служебным положением – он незаконно давал поручительства по коммерческим кредитам.
    алексей трубецкой

    Antworten

Einen Kommentar abschicken

Deine E-Mail-Adresse wird nicht veröffentlicht.

Unsere Divi Plugin Empfehlungen - macht euch das Leben leichter!

~|plug~|font-awesome~|solid

DIVI Header nach Wunsch mit MHMM

~|plug~|font-awesome~|solid

DIVI anpassen bis es nicht mehr geht mit DIVI Hacks

~|plug~|font-awesome~|solid

Blog Darstellung ganz anders mit Divi Blog Extras