AMP-integráció

A Complianz integrálható az AMP for WordPress bővítménnyel (az ingyenes, általános AMP-bővítménnyel). Egy másik bővítmény, az AMP for WP saját, beépített hozzájárulás-kezeléssel rendelkezik, de az csak AMP-oldalakra vonatkozik.

Amit tudnod kell

Az integráció a következő AMP-módokban működik:

• Classic / Reader
• Transitional

Mindkettő párosított tartalmi oldalakat hoz létre külön URL-eken. Ezekről a JavaScript és a legtöbb harmadik féltől származó tartalom hiányzik, és egyszerűsített a sablonjuk. Transitional módban több lehetőség van, de további fejlesztés is kellhet.

Az AMP hozzájárulás-kezelése alapvetően másképp működik, ezért a hozzájárulás elválik a „normál” weboldaladtól.

Mielőtt beállítod

• Az AMP-oldalak sávja más, mint a normál weboldal sávja.
• A GEO IP nem alkalmazható.
• Egyedi helyőrzők AMP-oldalon nincsenek.
• A hozzájárulás visszavonása a Sütiszabályzat oldalon, vagy a láblécbe tett shortcode-dal lehetséges.

Az AMP-sáv

Az AMP-sáv nem a szokásos sütisávod. A beállításai az AMP lehetőségein alapulnak, és akkor változnak tovább, ha az AMP fejleszti a hozzájárulás-kezelést.

• Alapból egy elfogadás és egy elutasítás gombja van.
• Blokkolja a harmadik féltől származó sütiket, köztük a videókat és a Google Analyticset, amelyeket az AMP-bővítménynek JSON-ban kell hozzáadnia.
• A stílusát a Cookie Banner beállításaiban az egyéni CSS-sel alakíthatod.

Példa az AMP-sáv alapstílusának egységesítésére:

/* styles for entire banner */
#cmplz-consent-ui, #cmplz-post-consent-ui {font-family: 'Roboto', sans-serif; font-size: 14px; padding: 5px;}

/* styles for the message area */
#cmplz-consent-ui .cmplz-consent-message {margin-left: 1.5em;}

/* styles for the buttons */
#cmplz-consent-ui button, #cmplz-post-consent-ui button {margin-left: 1.5em; border: none; border-radius: 25px;}

Az integráció kikapcsolása

Ha az AMP-oldalaidat ki akarod zárni a sávból, kapcsold ki az integrációt a Complianz → Integrations → Plugins alatt.

A hozzájárulás visszavonása

A visszavonás AMP-oldalon kicsit másképp megy, mint a normál oldalon:

• Az AMP-oldalon visszavont hozzájárulás csak az AMP-oldalakra érvényes, és fordítva.
• A visszavonás csak a Sütiszabályzat oldalon érhető el. Ez csak akkor működik, ha a Sütiszabályzat is AMP-oldal.
• Ha a látogató AMP-oldalról nem AMP-oldalra lép, az előző hozzájárulása alapján folytatja, vagy a nem AMP-oldalakon újra hozzájárulást kell adnia.

Sütiszabályzat-link az AMP-sávban

A Complianz a sávba a Sütiszabályzat linkjét JavaScripttel illeszti be. Az AMP nem támogat JavaScriptet, ezért AMP-oldalon ez a link nem jelenik meg magától. Ezt egy kézzel beírt HTML-elemmel és egy kis CSS-sel oldhatod meg, hogy a link csak az AMP-oldalon látsszon.

Előfeltétel

A Complianz és az AMP is telepítve és teljesen beállítva legyen. A példa az AMP Transitional módját használja.

A link beillesztése

1. Nyisd meg a Cookie Banner → Edit → Banner Settings → Cookie message mezőt.
2. Szúrj be egy HTML-elemet a cmplz-amp-link osztállyal, hogy CSS-sel módosítani tudd:

<a class="cmplz-amp-link" href="https://www.yourwebsite.com/cookie-policy-eu/">Cookie Policy</a>

A href helyére a saját Sütiszabályzat-oldalad címe kerül.

A link megjelenítésének szabályozása

Az elemnek csak az AMP-oldalon szabad látszania, a normál oldalon nem. Nyisd meg a Megjelenés → Testreszabás → További CSS oldalt, és add hozzá:

/* hide the element by default */
.cmplz-amp-link {
  display: none;
}

/* #cmplz-consent-ui only exists on AMP pages, we show the element when it exists */
#cmplz-consent-ui .cmplz-amp-link {
  display:block;
}

Az eredmény: a link csak a sáv AMP-változatában jelenik meg.

Az AMP-sáv gombjainak és szövegének formázása

Alapból az AMP-sáv gombjai és szövege egyszerűbbek. Ha kerekített gombú, középre igazított, sötétkék sávot szeretnél, használd ezt:

#cmplz-consent-ui, #cmplz-post-consent-ui {
    text-align: center;
    font-family: 'Roboto', sans-serif;
    font-size: 14px;
    padding: 5px;
}

#cmplz-consent-ui button, #cmplz-post-consent-ui button {
    border: none;
    border-radius: 25px;
    background-color: navy;
}

#cmplz-consent-ui button:hover {
    background-color: blue;
}

AMP for WP és Google Analytics

Az AMP for WP (Accelerated Mobile Pages) bővítmény saját, beépített GDPR-hozzájárulás-kezeléssel rendelkezik az AMP-oldalakhoz, ezért a Complianzzal való beállítása viszonylag egyszerű. Előtte vedd figyelembe:

• az AMP-oldalakon más sütisáv jelenik meg, mint a „fő” weboldalon;
• a hozzájárulás a fő weboldaltól elkülönítve kezelődik;
• a GEO IP funkció AMP-n nem működik;
• a látogatók a Sütiszabályzat oldalon vonhatják vissza a hozzájárulásukat;
• az AMP Analytics csak Universal Analytics (UA-) kódokat támogat.

A Complianz beállítása

1. A varázslóban a Statistics lépésnél a „Compile statistics of this website” kérdésre válaszd: „Yes, with Google Analytics”.
2. Állítsd be a Google Analyticset GDPR-barát módon, hogy hozzájárulás nélkül is gyűjthess anonimizált statisztikát. Egyes országokban (például Németországban) a statisztikához akkor is mindig hozzájárulást kell kérni, ha anonimizált.
3. Ha ellenőrizted az Analytics beállítását, jelöld be az Analytics-kérdés alatti három jelölőnégyzetet.
4. A következő oldalon a „Do you want Complianz to place your Analytics code” kérdésre válaszolj Igennel, és írd be az Analytics követőazonosítót a szövegmezőbe.

Az AMP for WP beállítása

1. Az AMP for WP Setup menüjében kattints az Analytics Tracking melletti Config gombra, és a megnyíló ablakba írd be az azonosítót. AMP-hez az UA-kódot kell használni: az UA akkor is működik, ha már átálltál a Google Analytics 4-re.
2. A Privacy Settings mellett kattints a Choose gombra, és kapcsold be a GDPR beállítást. Ez az AMP-változaton is megjelenít egy sütisávot.

Az eredmény

A webhely statisztikát küld az Analyticsnek az AMP- és a fő változatról is. Ellenőrizheted: nézd meg az oldal forrását, és keresd az amp-analytics szót. Győződj meg róla, hogy a valós idejű oldalmegtekintések megjelennek az Analytics felületén, az AMP-oldalt inkognitóablakban nyisd meg.