# AMP-integráció > Hogyan működik a Complianz az AMP-oldalakon: az AMP-sáv, a hozzájárulás visszavonása, a Sütiszabályzat-link hozzáadása és a sáv stílusa. 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: ```css /* 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: ```html Cookie Policy ``` 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á: ```css /* 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: ```css #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.