AMP for WP Youtube en advertenties werken niet in Safari

Logo van AMP for WP.Probleem:
Je maakt gebruik van de WordPress plugin AMP for WP om AMP ondersteuning toe te voegen. Om te voldoen aan de AVG toon je ook de mededeling dat je cookies plaatst. Hiervoor maak je gebruik van de GDPR functionaliteit in de plugin.

Op jouw website publiceer je Youtube video’s en advertenties. Beiden worden niet getoond in de Safari browser die gebruikt wordt op iPhone, macBook en de iPad. Je ziet wel het vak waar de advertenties getoond zouden moeten worden.

Oplossing:
Na onderzoek blijkt het probleem veroorzaakt te worden door de GDPR melding die getoond wordt. Deze is zichtbaar in Chrome en Firefox maar in Safari wordt deze achter de website geplaatst. Je ziet hem dus niet en je kan ook niet op accepteren of weigeren klikken. Je kan in Safari ook niet klikken op tekst of links omdat er een div overheen zit.

Dit probleem doet zich niet voor in Chrome met de web developer toolbar open en een iPhone of iPad als simulator. Dit komt omdat de GDPR melding in Chrome andere code gebruikt dan in Safari.

Voeg onderstaande CSS code toe aan AMP for WP onder Settings > Design > Global:

Scroll naar onderen tot je Custom CSS ziet staan.

#ampforwpConsent {
    display: inline !important;
}

Klik onderin op Save Changes en test de wijziging in een Safari browser. Maak je gebruik van een cache plugin zoals WP-Rocket of Autoptimize? Vergeet dan niet om deze te legen.

Oplossing getest op:
WordPress 5.1 en AMP for WP 0.9.97.40

Laat een reactie achter

Your email address will not be published. Required fields are marked *

Deze site gebruikt Akismet om spam te verminderen. Bekijk hoe je reactie-gegevens worden verwerkt.