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

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 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:

   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 Autora 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:

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:

<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 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 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
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).