# Hirdetés-, űrlap-, galéria- és oldalépítő bővítmények

> Ad Inserter és AdSense TCF-fel, Contact Form 7 reCaptcha a WP Consent API-val, FooGallery, Google Translate widget és az Elementor Pro-s sáv megszűnése.

## Ad Inserter és AdSense (TCF)

Ha az Ad Inserterrel AdSense-t jelenítesz meg, és a Complianz TCF-et használ, három beállítás kell a közös működéshez. (Az Advanced Ads használatához a Complianz [TCF-fejezete](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/tcf-foldrajz-tcf-bevezetes/) ad útmutatót.)

1. **Tartalomtípus:** legalább a **Posts** (Bejegyzések) legyen kijelölve. Ha oldalakon is használod, add hozzá a **Static pages** (Statikus oldalak) opciót.
2. **Paraméter a Google hirdetési termékekhez:** AdSense-nél kell egy paraméter, amely megadja a hozzájárulást. Add meg az alábbi paramétert, és kapcsold be az **X** jelre kattintva, hogy **✓** legyen belőle:

   ```text
   tcf-v2[vendor][consents][755]=true && tcf-v2[purpose][consents][1]=true, tcf-v2[gdprApplies]=false
   ```

3. **Dinamikus blokkok beszúrása kliensoldalon:** kapcsold be az **Insert dynamic blocks client-side** beállítást, hogy a hirdetések tiszteletben tartsák a hozzájárulási réteget.

Ad Inserter Pro esetén az automatikus újratöltés magától elvégzi a szükséges műveleteket, és a hozzájárulás megadása után beilleszti a hirdetéskódokat. Ehhez minden beillesztendő blokknál a **Manual loading** beállítást **Auto**ra kell állítanod.

## Contact Form 7 és reCaptcha a WP Consent API-val

A WP Consent API-val a reCaptcha a hozzájárulás előtt blokkolható a Contact Form 7-ben. Ehhez ezek kellenek:

- Complianz
- a Contact Form 7 5.4-es, a Complianz által módosított változata (a Really Simple Plugins GitHub-tárhelyéről, a `WP-Consent-API-integration-for-CF7` ágból)
- a WP Consent API bővítmény (GitHub: `rlankhorst/wp-consent-level-api`)

### A Consent API beállítása

1. Töltsd le és aktiváld az összes bővítményt.
2. Kapcsold be a reCaptchát a Contact Form 7-ben, ahogy eddig is tetted.
3. Kapcsold ki a **Contact Form 7** és a **reCaptcha** integrációt a **Complianz → Integrations** oldalon.
4. A többit a WP Consent API végzi a háttérben.

### A helyőrző formázása

Ha a helyőrzőt a bemutató példa szerint akarod formázni, használd ezt a CSS-t:

```css
input.wpcf7-form-control.wpcf7-submit {
margin-top: 8px;
margin-left:2px;
}
.placeholder-active {
    color: #28303E;
    padding: 15px;
    border: 3px solid #28303E;
    margin-left: 2px;
    font-size: 18px;
    width: fit-content;
    overflow: hidden;
    font-family: inherit;
    font-weight: 500;
    text-align: start;
}
.placeholder-active:hover {
    background-color: #28303E;
	  color :#D1E4DE;
	  cursor:pointer;
}
```

Hogy ez működjön, a kapcsolat oldalra jQuery-kód is kell. Bárhogy beteheted; ha nem tudod, hogyan, a Header Footer Code Manager bővítménnyel snippetként add hozzá, és csak a kapcsolat oldalon töltsd be:

```html
<script>
jQuery(document).ready(function ($) {
   $( ".wpcf7-blocked-content-notice" ).wrap( "<div class='cmplz-accept-marketing placeholder-active'></div>" );
}); 
</script>
```

## FooGallery

A FooGallery reszponzív galériák és rácsok készítésére való bővítmény képekkel és videókkal. A Complianz-integráció lehetővé teszi, hogy YouTube-videókat ágyazz be a FooGallery elemeibe úgy, hogy a hozzájárulást a Complianz kezeli.

Az integráció MU-pluginként érhető el a Complianz integrációs tárhelyén (a fájl neve `foo-gallery.php`).

1. Töltsd fel a `foo-gallery.php` fájlt a webhelyed `/wp-content/mu-plugins/` mappájába.
2. Hozz létre egy galériát vagy rácsot a FooGallery bővítménnyel, és szúrj be egy vagy több YouTube-videót.
3. Mentsd a galériát, és másold a shortcode-ját arra az oldalra vagy bejegyzésre, ahol meg kell jelennie.

Az eredmény egy FooGallery-rács, amely a YouTube betöltése előtt hozzájárulást kér.

## Google Translate widget

2019-ig a weboldalak beépíthették a Google Translate widgetet, amellyel a látogató egy legördülő menüből nyelvet választhatott, és az oldal automatikusan lefordult. Aggályok merültek fel azzal kapcsolatban, hogy ez valóban megfelel-e az adatvédelmi törvényeknek (például a GDPR-nak) és az akadálymentességi követelményeknek (ADA/WCAG).

### A Cookie Impact Assessment eredménye

A Cookiedatabase.org moderátorai a sütihatás-vizsgálat során azt találták, hogy a widget funkcionális sütiket (például `googtrans`), és harmadik féltől származó marketing- és követősütiket (például `NID`, `1p_JAR`) is elhelyez. Ez utóbbiakat interakció alapján állítja be, és nem világos, melyik süti mikor kerül be. Ez a kiszámíthatatlan viselkedés megnehezíti a hozzájárulás-kezelő bővítmények dolgát.

### Elavult

A Google 2019-ben hivatalosan elavultnak minősítette a widgetet. Új felhasználók (néhány kivételtől eltekintve) nem tölthetik le. A meglévők használhatják tovább, de nincs garancia arra, hogy meddig működik problémamentesen. Az adatvédelmi aggályok miatt azt javasoljuk, hogy ne használd tovább; válassz helyi, saját tárhelyű megoldást, például a Polylang vagy a WPML bővítményt.

## Elementor Pro: a sáv szerkesztésének megszűnése

A Premium változatból kivették a sáv Elementor Pro-val való létrehozásának támogatását. Az Elementor Pro 3.6.0-s frissítésétől kezdve egyes funkciók figyelmeztetés nélkül elavultak, ami sok integrált bővítményt érintett. A Complianz 6.0, az Elementor Pro 3.6.0+ és a PHP 8+ együtt végzetes hibát adott, amikor az Elementor sablonszerkesztőjét megnyitották.

### Miért nem javították ki?

Az integrációk függenek más bővítményektől, ezen a WordPress-ökoszisztémában nem lehet túllépni. Az Elementor Pro frissítése olyan előre nem látott hibát okozott, amelyet csak a sáv teljes kikapcsolásával lehetett volna megoldani. Jobb megelőzni, mint egy gyorsan változó Elementor Pro-tól függő, instabil funkciót fenntartani.

### Működik a visszaállítás?

Igen, a korábbi főverziókra való visszalépés működik. Például az Elementor Pro-val készített sáv a Complianz 6.0-val PHP 7.4 mellett még használható. PHP 8-cal, Complianz 6.0-val és Elementor Pro 3.5.0-val is működik, csak mindkét bővítmény legfrissebb verziója és a PHP 8+ együtt nem.

### A javasolt megoldás

Telepítsd az összes bővítmény és a PHP legújabb verzióját, és használd a Complianz saját sávját. A 6.0-s sáv teljesen rugalmas, és CSS-sel tetszés szerint alakítható (lásd a [Megjelenés és CSS](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-osztalyok-attekintes/) fejezeteket).

## Ultimate Addons for Elementor: megszűnt integráció

A Complianz 6.2.5-ös verziójától kezdve a bővítmény nem tartalmaz integrációt az Ultimate Addons for Elementorhoz, kompatibilitási problémák miatt:

- előfordult, hogy az Ultimate Addons for Elementor telepítve volt, és a Google Maps is jelen volt az oldalon, de az nem ennek a bővítménynek a widgetje volt. Az Elementor `frontend.js` szkriptje ilyenkor egy nem létező térképet próbált betölteni;
- hozzájárulás-kezeléshez a szkripteket a szolgáltatásoktól el kell különíteni, hogy gond nélkül lehessen blokkolni és feloldani őket. Itt egy összevont `frontend.js` szkriptet kellett volna elindítani, ami nemcsak a Google Mapset indítja el. Ez dupla Lottie-animációkat és előre nem látható mellékhatásokat okozhat.

Mivel a tapasztalat szerint az integráció többet árt, mint használ, kikapcsolták. Ha mégis szükséged van rá, MU-pluginnal használhatod: ez nem sokban különbözik egy `functions.php`-ba tett kódrészlettől, de a kódrészletek a `mu-plugins` mappában jobban rendszerezhetők. Az MU-pluginok használatáról lásd a [Kész sávváltozatok és kapcsolók MU-pluginnal](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/stilus-css-mu-plugin-peldak/) fejezet bevezetőjét.

## A sáv megjelenésének késleltetése

Ha azt szeretnéd, hogy a sütisáv csak egy kis késéssel jelenjen meg, ezt egy MU-pluginba tett szűrővel (kódrészlettel) érheted el. A kód a sávot elrejti a betöltéskor, majd megadott idő után megjeleníti.

1. Másold a lenti kódot egy szövegszerkesztőbe.
2. Állítsd át a késleltetést ezredmásodpercben a `setTimeout` második paraméterében. Az alapérték 3000 ezredmásodperc (3 másodperc).
3. Mentsd `.php` fájlként a webhely `/wp-content/mu-plugins/` mappájába.

```php
<?php
function cmplz_delay_banner() {
	ob_start(); ?>
	<script>
        document.addEventListener("cmplz_before_cookiebanner", function() {
            document.querySelector('#cmplz-cookiebanner-container').classList.add('cmplz-hidden');
        });
        document.addEventListener("cmplz_cookie_warning_loaded", function() {
            setTimeout(function(){
                document.querySelector('#cmplz-cookiebanner-container').classList.remove('cmplz-hidden');
            }, 3000);
        });
	</script>
	<?php
	$script = ob_get_clean();
	$script = str_replace(array('<script>', '</script>'), '', $script);
	wp_add_inline_script( 'cmplz-cookiebanner', $script);
}
add_action( 'wp_enqueue_scripts', 'cmplz_delay_banner', PHP_INT_MAX );
```

## Gravatar: adatvédelmi barát profilképek

A WordPress magja hozzászólásokat kezel, és a felhasználói profilokhoz a Gravatar (Globally Recognized Avatar) profilképet használja. A Gravatar-képeket a Gravatar.com szolgáltatja, és személyes információt tartalmaznak, ami adatvédelmi kockázat. A megoldás a Gravatar-képek helyi gyorsítótárazása és saját tárhelyről szolgáltatása. Erre való az Avatar Privacy bővítmény. Az adatvédelem javításához a Google Fontsot is érdemes helyben tárolni (lásd [Google Fonts helyi tárolása](https://hub.hellowp.io/hu/plugins/complianz-gdpr-premium/analitika-consent-mode-google-fonts/)).