JavaScript kód Kosáradatok megosztásához

Amennyiben az OptiMonkot nem Shoprenter, Shopify, WordPress, WooCommerce, Magento vagy UNAS webshop keresztül használjuk, ahhoz, hogy a Kosárra vonatkozó szabályt állíthassunk be, szükségünk lesz egyedi kód(ok) beillesztésére, hogy meg tudjuk osztani a kosár adatokat az OptiMonk rendszerével. Ha Shoprenter, Shopify, WordPress, WooCommerce, Magento vagy UNAS webshop keresztül használjuk az OptiMonkot, ott nincs szükség egyedi kód beillesztésére, hogy hozzáférjünk kosáradatokhoz. A Kosárra vonatkozó szabály működésének a leírását itt érhetitek el.

1. Mikor érdemes megosztani a kosár adatokat?

Amennyiben szeretnél a vásárlóknak kosár tartalomtól függően kampányokat megjeleníteni. Például más akciót szeretnél azon látogatóknak megjeleníteni, akiknek üres a kosaruk, mint azoknak akinek van már bizonyos összegű termék a kosarukban.

2. Honnan tud az OptiMonk ezekről az adatokról?

Ahhoz, hogy a kosár adatokról tudomást szerezzen az OptiMonk, egy speciális, felparaméterezett Javascript-et kell meghívni.

3. Hogyan adhatom át az adatokat az OptiMonk-nak?

Amennyiben valaki egy terméket rak a kosárba, akkor egy a lentihez hasonló Javascript kódot kell lefuttatni:

<script type="text/javascript">
   if (window.OptiMonk || window.OptiMonkEmbedded ) {
      var OM = window.OptiMonk || window.OptiMonkEmbedded;
      var adapter = OM.Visitor.createAdapter();
      adapter.Cart.add('{{ cartProductID }}', {quantity:{{ cartProductQty }}, price:{{ cartProductPrice }}});
   }
</script>

Amennyiben nem csak alapadatokat szeretnénk átadni az egyes termékekkel kapcsolatban, akkor a lent látható Javascript kódot kell elhelyezni az oldal forráskódjában.

<script type="text/javascript">
    document.querySelector("html").addEventListener("optimonk#ready", function () {
        var adapter = OptiMonk.Visitor.createAdapter();
        adapter.Cart.add('product1', {quantity:3, price:1000, color:'blue' });
        adapter.Cart.add('product2', {quantity:2, price:1000, color:'red' });
    });
</script>

A példában két kosárban lévő termék kerül definiálásra, amelyek azonosítója „'product1'” és a „'product2'”, a termékekhez rendre 3-3 egyedi változó került még átadásra. Egy terméknél a mennyiség (quantity) és az ár (price) kötelező változók, ezért ezeket mindig át kell adni, azonban ezek mellett még tetszőlegesen sok változó definiálható.

Adott termék törlése OptiMonk kosárból:

<script type="text/javascript">
   if (window.OptiMonk || window.OptiMonkEmbedded ) {
      var OM = window.OptiMonk || window.OptiMonkEmbedded;
      var adapter = OM.Visitor.createAdapter();
      adapter.Cart.remove('{{ cartProductID }}');
   }
</script>

Teljes OptiMonk kosár törlése:

<script type="text/javascript">
   if (window.OptiMonk || window.OptiMonkEmbedded ) {
      var OM = window.OptiMonk || window.OptiMonkEmbedded;
      var adapter = OM.Visitor.createAdapter();
      adapter.Cart.clear();
   }
</script>

Amennyiben aszinkron történik a kosár kezelése, úgy a megfelelő műveletek előtt szükséges az 'OptiMonk.Visitor' objektum vizsgálata:

<script type="text/javascript">
    if (
      typeof window.OptiMonk !== 'undefined' &&
      typeof window.OptiMonk.Visitor !== 'undefined
    ) {
        var adapter = OM.Visitor.createAdapter(); 
        adapter.Cart.add('{{ cartProductID }}', {quantity:{{ cartProductQty }}, price:{{ cartProductPrice }}}); } 
</script>

 

4. Mire érdemes odafigyelni a kód elhelyezésénél?

• Változó névben nem szabad speciális karaktereket használni
• Kis és nagy betűk eltérő karakternek számítanak

5. Hogyan tudok az átadott adatokra feltételeket beállítani?

Az adminisztrációs felületen a „Kampány beállítások” oldalon az „Akiknek a kosarára igazak a következő feltételek” résznél lehet beállítani a kosár tartalomra vonatkozó szabályokat, illetve felvenni tetszőleges számú szabályt, amely a kosárban szereplő termékekre vonatkozik. A teljes kosárhoz kapcsolódóan 3 szabály állítható be, amelyek a következőek:

• Kosár érték
• Kosárban lévő termékek száma
• Kosárban lévő termék fajták száma

A kosárban lévő termékekre vonatkozó szabályoknál 5 dolgot kell beállítani:

1. a termékek milyen halmazára nézzük az adott szabályt (mindegyikre, legalább egyre, egyikre sem)
2. változó neve
3. ki kell választani, hogy a változó értéke milyen típusú (szöveg vagy szám)
4. meg kell adni az összehasonlítás módját (egyenlő, nem egyenlő, tartalmazza, nem tartalmazza, be van állítva, nincs beállítva, nagyobb mint, misebb mint, nagyobb vagy egyenlő mint, kisebb vagy egyenlő mint)
5. meg kell adni, hogy milyen értékkel történjen meg az összehasonlítás

Példa:

A termékek közül legalább egyre igaz a következő: A color változó értéke, amely egy szöveg, egyenlő blue

 

Ha további kérdésed lenne vagy bármiben tudunk segíteni, kérlek fordulj hozzánk bizalommal a support@optimonk.com címen :)