WordPresshez nem kell kódrészletet beillesztened – a hivatalos OptiMonk bővítmény szúrja be neked a kódot. Az OptiMonktól csak az OptiMonk ID szükséges, amit az alkalmazás megad neked a telepítési útmutatóban.

Akár WordPress.org, akár WordPress.com rendszert használsz, az admin felület kissé másképp néz ki, de a lépések ugyanazok. Ha a weboldalad egy WooCommerce webshop, a végén egy extra lépés is szerepel, amely lehetővé teszi, hogy az OptiMonk beolvassa a termékkatalógusodat.

Hol találod ezt az útmutatót az OptiMonkban

  1. Nyisd meg a Beállítások menüpontot a fiókod menüjéből, majd a Domainok fület.
  2. Keresd meg a weboldaladat a listában. A sor a következőt mutatja: Kód beillesztve vagy Nincs beillesztve.
  3. Kattints egy még nem csatlakoztatott domain sorára. Az OptiMonk megnézi a weboldaladat (Az oldalad vizsgálata…), és ha felismeri a platformot, megjelenít egy kártyát: Felismertük a platformodat: Wordpress / Woocommerce, amely tartalmazza az Ezek a lépések várnak részt, valamint egy Csatlakoztatási útmutató gombot.
  4. Ha semmit nem ismer fel, akkor egy választót kapsz helyette – Milyen típusú weboldalad van? – ahol kiválaszthatod a Wordpress / Woocommerce opciót.

Ugyanezzel az útmutatóval találkozol egy kampányból kiindulva is: közvetlenül a publikálás után megjelenik a Snippet telepítése oldal, egy kampányon belül pedig a Kód beillesztése párbeszédpanel is megnyitja.

Tipp: ha a domain nincs a listában, először add hozzá. Írd be az Új domain, pl. example.com mezőbe a Domains fül tetején, majd kattints a Hozzáadás gombra.

1. lépés – Telepítsd az OptiMonk bővítményt a WordPress weboldaladra

  1. Jelentkezz be a WordPress weboldaladra, és kattints a Plugins (Bővítmények) menüpontra a bal oldalon, majd válaszd az Add new (Új hozzáadása) lehetőséget. Kattints a Search (Keresés) sávra, keress rá az OptiMonk kifejezésre, majd kattints az Install Now (Telepítés most) gombra.
  2. Kattints az Activate (Aktiválás) gombra. Az aktiválás után az OptiMonk bővítményt megtalálod az Installed Plugins (Telepített bővítmények) listában.

Ha a bővítmény már ott van, de régi, frissítsd a legújabb verzióra – az útmutató WooCommerce lépéséhez egy friss verzió szükséges.

2. lépés – Add meg az OptiMonk ID számodat

Már nem kell az azonosítódat egy URL-ből kibányászni. Az útmutató második lépésének címe: Insert your OptiMonk ID number: <your ID> (Add meg az OptiMonk ID számodat: <azonosítód>) és megjeleníti magát a számot is.

  1. Másold ki az OptiMonk ID-t a lépésből.
  2. Térj vissza a WordPress admin felületre, navigálj az Appearance (Megjelenés) menüpontra a bal oldalon, majd válaszd az OptiMonk lehetőséget. Add meg az OptiMonk ID számodat az OptiMonk WordPress bővítményben.
  3. Kattints a Save Changes (Módosítások mentése) gombra a beállítás befejezéséhez.

3. lépés – Győződj meg arról, hogy a cache bővítményed nem zavar be

Előfordulhat, hogy az OptiMonk nem működik azonnal a WordPress weboldalakon egy cache bővítmény miatt. Ezek a bővítmények úgy gyorsítják fel a weboldalakat, hogy előre generált HTML-t tömörítenek és szolgálnak ki – ez azt is jelentheti, hogy az oldalad egy régebbi, OptiMonk kód nélküli verziója továbbra is megjelenhet.

Az útmutató két dolgot kér:

  1. Add hozzá ezeket a domaineket a cache figyelmen kívül hagyási listájához:
    • https://onsite.optimonk.com
    • https://front.optimonk.com
  2. Töröld a cache-t a weboldaladon.

Ellenőrizheted, hogy a weboldalad cache-elve van-e a cache-checker.com oldalon – bármilyen formája a Cache hit (Cache-találat) kifejezésnek azt jelenti, hogy egy cache-elt verzió jelenik meg.

A szakasz további része sorra veszi a leggyakoribb bővítményeket. Ezen a téren a WordPress oldalán semmi nem változott.

Autoptimize

Nyisd meg az Autoptimize-t, és a JavaScript Options (JavaScript beállítások) alatt add hozzá ezeket az Exclude scripts from Autoptimize (Szkriptek kizárása az Autoptimize-ból) mezőhöz:

  • https://onsite.optimonk.com
  • https://front.optimonk.com

Az Autoptimize-nak az OptiMonk szkriptet aszinkron módon is be kell töltenie. Az Autoptimize beállítások oldalának Extra fülén add hozzá a https://onsite.optimonk.com/script.js címet az Async Javascript-files (advanced users) (Aszinkron JavaScript-fájlok, haladó felhasználóknak) mezőhöz.

Az Autoptimize egy kis eszköztárat helyez el az oldal tetején: kattints az Autoptimize → Clear CSS/JS Cache (CSS/JS cache törlése) menüpontra. Ezután töltsd be a weboldaladat, és meg kell jelennie az OptiMonk kampányodnak.

Comet Cache

Nyisd meg a Comet Cache elemet a WordPress irányítópult bal oldali menüjéből, majd kattints a Clear (Törlés) gombra (a kis kefe ikonra) az oldal jobb felső részén.

LiteSpeed Cache

A LiteSpeed Cache általában a WordPress eszköztárban található. Kattints a LiteSpeed ikonra, és válaszd a Purge All (Mindent töröl) lehetőséget. LiteSpeed Enterprise esetén a CDN cache törlése eltarthat néhány pillanatig.

Nginx Helper

Az Nginx cache-elés általában a szerveren történik (FastCGI vagy redis-cache), de az Nginx Helper bővítmény lehetővé teszi, hogy WordPressből töröld azt. A beállításaidtól függően kattints a Purge Cache (Cache törlése) gombra a felső eszköztárban.

Ha az Enable Purge (Törlés engedélyezése) opció ki van kapcsolva, az eszköztár gombja hiányzik. Ebben az esetben navigálj a Settings → Nginx Helper (Beállítások → Nginx Helper) menüpontra az irányítópult oldalsó menüjéből, és töröld a teljes cache-t a bővítmény oldaláról.

WP Rocket

Add hozzá a következő OptiMonk URL-eket az Eltávolítás a JavaScript késleltetésből listához, és a JavaScript fájlok minifikálása kizárási listához is:

  • https://onsite.optimonk.com
  • https://front.optimonk.com

A WP Rocket saját dokumentációja mindkét listát bemutatja: exclude files from defer JS (fájlok kizárása a JS késleltetésből) és find the right JS files to exclude from minification (a megfelelő JS fájlok megtalálása, amelyeket ki kell zárni a minifikálásból). Amint elmentetted őket, töröld és töltsd elő újra a cache-t.

WP Super Cache

A WP Super Cache egy Delete Cache (Cache törlése) linket helyez el a felső eszköztárban – elég rákattintani. Ha a link nincs ott, navigálj a Settings → WP Super Cache (Beállítások → WP Super Cache) menüpontra a bal oldali menüben, görgess lejjebb egy kicsit, és használd a Delete Cache (Cache törlése) gombot.

4. lépés – WooCommerce csatlakoztatása (csak webshopok esetén)

Ez a lépés csak akkor jelenik meg, ha a weboldalad egy WooCommerce webshop, és a WooCommerce katalógus-kapcsolat engedélyezve van a fiókodon. Ez teszi lehetővé, hogy az OptiMonk beolvassa a termékeidet, így az olyan funkcióknak, mint a termékajánló, lesz mit megjelenítenie.

  1. Kattints a Login (Bejelentkezés) gombra a lépésben, majd add meg a WordPress felhasználóneved és jelszavad. A WooCommerce legenerálja a kulcsokat, és elküldi őket az OptiMonknak helyetted.
  2. Ha nem tudsz így bejelentkezni a webshopodba, add meg a kulcsokat kézzel. A WordPressben navigálj a WooCommerce → Settings → Advanced → REST API (WooCommerce → Beállítások → Speciális → REST API) menüpontra, hozz létre egy új kulcsot olvasási és írási jogosultsággal, majd illeszd be a generált értékeket a Felhasználói kulcs és a Felhasználói titkos kulcs mezőkbe az OptiMonkban, majd kattints a Mentés gombra.

Ha sikerült, a lépés a következőt mutatja: Csatlakoztatva – be tudjuk olvasni a WooCommerce katalógusodat. A kapcsolatot bármikor megszüntetheted a Visszavonás gombbal; az OptiMonk ekkor figyelmeztet, hogy Ha visszavonod, nem tudjuk frissíteni a termékkatalógusodat.

Néhány üzenet, amit az egykattintásos gomb helyett láthatsz:

  • „Még nem láttunk WooCommerce-t ezen: example.com.” – fejezd be a fenti lépéseket, és futtasd le az ellenőrzést; az egykattintásos kapcsolat megjelenik, amint észleljük. A kulcsokat továbbra is megadhatod kézzel.
  • Ez a domain már csatlakoztatva van a {shopType} rendszerhez az OptiMonk fiókodban. – előbb szüntesd meg a kapcsolatot azzal a webshoppal, mert a WooCommerce csatlakoztatása itt lecserélné azt.

Ellenőrizd, hogy a kód fut-e

Az útmutató alján található egy Ellenőrzés most gomb. Ez egyszer betölti a weboldaladat, és megkeresi az OptiMonk kódot – nem kell valós látogatókra várnod.

  • „Az OptiMonk kód él a következőn: example.com.” – ezzel készen is vagy.
  • „Megnéztük a következőt: example.com, de még nem találtuk meg az OptiMonk kódot.” – győződj meg arról, hogy elmentetted a módosításokat, és hogy az oldal nyilvánosan elérhető, majd kattints az Ellenőrzés újra gombra. WordPressen ez majdnem mindig a cache miatt van: töröld azt, és ellenőrizd újra.
  • „Van OptiMonk kód a következőn: example.com, de az egy másik fiókhoz tartozik.” – a weboldal még egy régebbi telepítést tartalmaz; cseréld ki az azonosítót a 2. lépésben szereplőre.

Egy sikeres ellenőrzés után a domain sora a Beállítások → Domainek menüpontban a következőt mutatja: Kód beillesztve, valamint a platformot és a telepítés módját.

Ha a sor később a következőt mutatja: nincs friss forgalom, a kód továbbra is telepítve van – csak senki nem töltött be oldalt arról a domainről az elmúlt 24 órában.

Nem tudod ezt egyedül megcsinálni?

Az útmutatóban nyisd meg a Segítségre van szükséged? részt, és válaszd az Elküldöm az instrukciókat a fejlesztőmnek lehetőséget. Add meg a nevét és e-mail-címét, szükség esetén szerkeszd az üzenetet, majd kattints az Instrukciók elküldése gombra – így megkapja a kódrészletet és a hozzá tartozó teendőket, anélkül, hogy OptiMonk bejelentkezésre lenne szüksége.

Ha további segítségre van szükséged, vagy bármilyen kérdésed van, csak jelezd nekünk, és szívesen segítünk.