WordPress integráció

Az OptiMonk és a WordPress összekapcsolása nagyon egyszerű. Ennek köszönhetően nem kell JavaScript kódot beillesztenünk a weboldal forráskódjába, hogy használni tudjuk az OptiMonkot.

Fontos megjegyezni, hogy attól függően, hogy WordPress.com vagy WordPress.org-ot használunk, a weboldal admin felülete kicsit eltérhet, de az OptiMonk telepítésének a lépései megegyeznek mindkét esetben.

Illetve ha WooCommerce weboldalt használunk és az OptiMonkkal együtt szeretnénk használni, akkor elég csupán az OptiMonk és a WooCommerce alkalmazások telepítése a WordPress weboldalunk admin felületén keresztül, mivel a WooCommerce az egy WordPress bővítmény.

Az OptiMonk telepítéséhez kövessük ezeket a lépéseket:

1) Lépj be a WordPress admin felületére, majd a bal oldali menüben válaszd a Bővítmények > Új hozzáadása menüpontot.

2) A keresőmezőbe írd be: „OptiMonk”. Meg kell jelennie az „Exit Popups & Onsite Retargeting by OptiMonk” nevű bővítménynek. Kattints a Telepítés most gombra.

3) A telepítés után nyomd meg az Bekapcsolás gombot.

Aktiválás után az OptiMonk beállítási oldalára kerülsz, ahol meg kell adnod az OptiMonk fiókazonosítódat (Account ID). Ezt az OptiMonk fiókod admin felületén találod meg.

4) Lépj be az OptiMonk fiókodba az https://app.optimonk.com/ oldalon.

5) A bal alsó sarokban kattints a Profilodra, majd a Beállításokra.

6) A bal oldali menüben kattints a Domainek lehetőségre.

7) Add hozzá a weboldalad domainjét, ha még nem tetted meg.

8) Másold ki az OptiMonk azonosítódat (ID) az URL-ből.

9) Menj vissza a WordPress admin felületre, a bal oldali menüben válaszd a Megjelenés > OptiMonk pontot, majd illeszd be az OptiMonk azonosítódat a bővítmény megfelelő mezőjébe.

10) Kattints a Változtatások mentése gombra, és kész is vagy! 🎉

❗Győződj meg róla, hogy a gyorsítótár bővítményed ne zavarja az OptiMonk bővítmény működését.

Megeshet, hogy nem azonnal lép működésbe az OptiMonk a WordPress oldalakon a gyorsítótár (cache) bővítmények miatt. Ezek a bővítmények segítenek felgyorsítani a weboldalakat azáltal, hogy tömörítik és előállítják az HTML fájlokat, ezáltal csökkentik a szerver erőforrásait. Annak érdekében, hogy az OptiMonk zökkenőmentesen működjön és a kampányaid megjelenjenek a weboldaladon, az alábbi lépéseket ajánljuk:

Ha nem vagy biztos abban, hogyan kell ezt megtenni, nézd meg útmutatónkat a különböző WordPress gyorsítótár bővítmények beállításához az OptiMonk használatához.

Előfordulhat, hogy az OptiMonk telepítése után a bővítmény nem indul el azonnal, mert a legtöbb WordPress oldal használ valamilyen cache (gyorsítótár) bővítményt.

A cache bővítmények feladata, hogy gyorsabbá tegyék a weboldaladat: összetömörítik és előállítják a WordPress HTML fájljait, így csökkentik a szerver terhelését (például az adatbázis-lekérdezések és PHP futtatások számát), és a látogatóknak statikus HTML oldalt szolgálnak ki.

Ha gyorsan szeretnéd ellenőrizni, hogy a weboldalad használ-e valamilyen cache rendszert, itt tudod megnézni:

👉 https://cache-checker.com

Ha a teszt során „Cache hit” üzenetet látsz, az azt jelenti, hogy a látogatóid a weboldalad gyorsítótárazott (cache-elt) változatát kapják.

Gyakori WordPress cache bővítmények és a megoldások

Ha Autoptimize-ot használsz, az OptiMonk scriptjeit ki kell zárnod a cache-ből.

Nyisd meg az Autoptimize beállításokat, majd a JavaScript Options résznél add hozzá a következő címeket a „Exclude Scripts” listához:

Ezután be kell állítanod, hogy az OptiMonk script aszinkron töltődjön be. Ehhez menj az Extra fülre az Autoptimize beállításoknál, és add hozzá a következőt az Async Javascript-files (advanced users) mezőbe:

Az Autoptimize eszköztárában van egy gyorsítótár törlő gomb. Kattints a Clear CSS/JS Cache gombra, majd frissítsd az oldalt.

Az OptiMonk kampánynak most már meg kell jelennie 🙂

A Comet Cache által létrehozott gyorsítótár fájlokat a WordPress vezérlőpult bal oldali menüjében található Comet Cache menüpontra kattintva tudod törölni.

Ezután a jobb felső sarokban kattints a Clear gombra (kis ecset ikon).

Ha ez megvan, az OptiMonk alkalmazásnak rendben meg kell jelennie az oldaladon 🙂

A gyorsítótár törléséhez kattints a LiteSpeed ikonra, majd válaszd a Purge All lehetőséget. Fontos: ha LiteSpeed Enterprise-ot használsz, előfordulhat, hogy néhány percbe telik, amíg a CDN cache is teljesen kiürül.

Ha a gyorsítótár törlése megtörtént, az OptiMonk kampányoknak meg kell jelenniük a weboldaladon 🙂

Az Nginx cache egy kicsit másképp működik, mint a legtöbb tárhelyszolgáltató által használt Apache cache. Ennek oka, hogy az Nginx a fastcgi vagy redis-cache rendszert használja, ezért alapból a szerveren kellene törölni a gyorsítótárat.

Azonban az Nginx Helper bővítménynek köszönhetően a cache törlését közvetlenül a WordPress admin felületéről is el tudod végezni.

A beállításoktól függően általában elég a felső eszköztárban a Purge cache gombra kattintani, és ezzel a gyorsítótár kiürül.

Előfordulhat, hogy a „Purge engedélyezése” beállítás ki van kapcsolva, és emiatt a felső eszköztárban nem jelenik meg a Purge Cache gomb.

Ilyenkor a gyorsítótár törléséhez menj a bal oldali menüben a Settings**> Nginx Helper** menüpontra.

Az Nginx Helper bővítmény oldalán lehetőséged lesz a Purge Entire Cache gombra kattintani, amivel a teljes gyorsítótárat törölheted.

Ha ez megtörtént, az OptiMonk kampányoknak rendben meg kell jelenniük a weboldaladon 🙂

Ha a WP Rocket bővítményt használod, akkor az alábbi OptiMonk URL-eket hozzá kell adnod a Remove from Javascript Deferred List listához, valamint a Minify JavaScript Files kivételekhez is:

Az alábbi képernyőkép a Defer List-et mutatja (WP Rocket Súgó – dokumentáció): https://docs.wp-rocket.me/article/976-exclude-files-from-defer-js

Az alábbi képernyőkép a Minify List-et mutatja (WP Rocket Súgó – dokumentáció) - https://docs.wp-rocket.me/article/915-find-the-right-js-files-to-exclude-from-minification

Miután hozzáadtad és elmentetted a listákat, törölnöd kell a gyorsítótárat, majd elő kell töltened (preload) azt.

A WP Super Cache gyorsítótárát a felső eszköztárban található Delete Cache gombbal tudod törölni. Egyszerűen kattints rá, és a gyorsítótár törlődik.

Előfordulhat, hogy a Delete Cache felirat nem jelenik meg a felső eszköztárban. Ilyenkor nyisd meg a WP Super Cache tényleges beállításait. Menj a bal oldali menüben a Settings > WP Super Cache menüpontra.

Görgess lejjebb az oldalon, és látni fogod a Delete Cache gombot. Ha törölted a gyorsítótárat, az OptiMonk kampányoknak el kell kezdeniük megjelenni az oldaladon 🙂

Ha az áruházad a WooCommerce platformon fut, ahhoz, hogy a termékkatalógust szinkronizálni tudjuk, további megerősítésre van szükség belépés után.

1) Lépj be az OptiMonk fiókodba az https://app.optimonk.com/ oldalon.

2) A bal alsó sarokban kattints a Profilodra, majd a Beállításokra.

3) Menj a Kód beillesztése menüpontra, válaszd ki a domain nevedet, majd kattints a Tovább gombra.

4) Menj a 4. lépéshez, és keresd meg a Bejelentkezés gombot. Kattints a Bejelentkezés gombra, majd írd be a felhasználónevedet és jelszavadat.

4.b) Ha valamilyen okból nem tudtál bejelentkezni, keresd meg a WooCommerce opciót a WordPress adminisztrációs felületén, majd kattints a Beállítások menüpontra.

Keresd meg a Haladó opciót, majd keresd meg a REST API beállításokat.

Új REST API kulcs hozzáadásához kattints a Kulcs hozzáadása gombra.

Nevezd el az API kulcsodat, válaszd ki a tulajdonost, és állítsd be a kulcs hozzáférési típusát (Olvasás, Írás, vagy Olvasás/Írás).

Ha legeneráltad a kulcsot, illeszd be a Felhasználói kulcsot és a Felhasználói titkos kulcsot az OptiMonk fiókodba, a Bejelentkezés gomb alatt.

Fejezd be az integráció beállítását a Mentés gombra kattintva.

Gratulálunk, már használhatod is az OptiMonk-ot a weboldaladon!

Ha további segítségre van szükséged, vagy bármilyen kérdésed van, írj nekünk a [email protected] címre, és örömmel segítünk :)