Přeskočit na hlavní obsah

Personalizace pomocí zobrazení naposledy prohlíženého produktu

Automatizace "prohlížení bez nákupu", naposledy navštívený produkt, personalizace pomocí merge tagu LAST VIEW.

Autor: Jakub Filounek

POZOR: Všechny uvedené merge tagy lze využít ​pouze v automatizaci (více zde) a v tarifech Marketer+ nebo CDP.

Velmi užitečnou funkcí, která vám pomůže z e-mailingu vytěžit maximum a zvýšit pravděpodobnost nákupu, je zobrazení konkrétních produktů, které si kontakt na
e-shopu naposledy prohlížel.

Personalizace pomocí zobrazení naposledy prohlíženého produktu

Obsah článku:

  1. Nastavení události posledního prohlížení

  2. Personalizovaná šablona s naposledy prohlíženými produkty

    a. Zobrazení produktů pod sebou

    b. Zobrazení v závislosti na počtu produktů

  3. Užitečné tipy

  4. Celá šablona prohlížených vs. blok s prohlíženými produkty

    a. Pokud neexistují prohlížené produkty, šablona se nepošle
    ​​b. Pokud neexistují prohlížené produkty, blok se vynechá

  5. Tvorba automatizace, která reaguje na prohlížení produktu

  6. Segmentace

  7. Testování

1. Nastavení události posledního prohlížení

K tomu, abyste mohli zobrazení posledních produktů využít, je potřeba mít v Ecomailu nahraný zbožový (produktový) XML feed. ID produktů v tomto feedu by měla odpovídat ID produktů na vašem webu. Produkty z feedu totiž párujeme s produkty v události prohlížení, pouze tak mohou být správně zobrazeny.

Naposledy zobrazené produkty do Ecomailu můžete posílat dvěma způsoby:

a) Přes JS trackovací kód (dynamicky doplňujte ID produktu product_id):

window.ecotrack('trackStructEvent', 'ECM_PRODUCT_VIEW', 'product_id');


​​b) Přes API na tento endpoint: 

{
    "event": {
        "email": "email",
        "category": "ECM_PRODUCT_VIEW",
        "action": "product_id"
    }
}

Pokud využíváte náš Shoptet doplněk, je tvorba události a propisování prohlížených produktů nastaveno automaticky. Stejně tak je tomu i u řady dalších námi připravených integrací -> pro ověření, zda je sledování prohlížených produktů součástí dané integrace, doporučujeme nahlédnout do článku nápovědy k příslušné integraci.

Správně přenesená událost prohlížení zboží vypadá v detailu kontaktu takto:
​

Data v událostech jsou příkladová a je potřeba je v reálném použití zaměnit za proměnné, které odpovídají zdroji dat ve vašem konkrétním případě!


​

2. Personalizovaná šablona s naposledy prohlíženými produkty

Pokud chceme kontaktům zobrazit konkrétní produkty, které prohlížely, je potřeba připravit dynamickou šablonu pomocí speciálních merge tagů ECM_LAST_VIEW:
​

*|ECM_LAST_VIEW[1].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[1].url|* - odkaz na produkt
*|ECM_LAST_VIEW[1].name|* - název produktu
*|ECM_LAST_VIEW[1].price|* - cena
*|ECM_LAST_VIEW[1].description|* - popis

👉 Pomocí merge tagu ECM_LAST_VIEW lze zobrazit max. 3 unikátní naposledy prohlížené produkty daného kontaktu.

👉 Pracuje se pouze s událostmi prohlížení za poslední 1 rok (pokud je poslední událost prohlížení daného kontaktu starší než 1 rok, nebude brána v potaz).

Možnost zobrazení:

I. Zobrazení pod sebou*

*Bez ohledu na počet produktů, e-mail se odešle i když kontakt nemá událost prohlížené zboží nebo není ID produktu nalezeno ve zbožovém feedu (pouze dojde k přeskočení daného bloku).

Zobrazit/Skrýt: Merge tagy

*|IF:ECM_LAST_VIEW[1]|*
*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*
*|END:IF|*
 
*|IF:ECM_LAST_VIEW[2]|*
*|ECM_LAST_VIEW[2].img_url|*
*|ECM_LAST_VIEW[2].url|*
*|ECM_LAST_VIEW[2].name|*
*|ECM_LAST_VIEW[2].price|*
*|ECM_LAST_VIEW[2].description|*
*|END:IF|*
 
*|IF:ECM_LAST_VIEW[3]|*
*|ECM_LAST_VIEW[3].img_url|*
*|ECM_LAST_VIEW[3].url|*
*|ECM_LAST_VIEW[3].name|*
*|ECM_LAST_VIEW[3].price|*
*|ECM_LAST_VIEW[3].description|*
*|END:IF|*

Zobrazit/Skrýt: V šabloně

Pro správné zobrazení všech produktů v e-mailu je potřebné, aby každý jednotlivý produkt měl vlastní podmínku, relevantně ukončenou merge tagem *|END:IF|* (jak vidíte výše).
​
Pokud tak např. druhý produkt v pořadí již na e-shopu neexistuje, nezobrazíme ho a automaticky zobrazíme až třetí produkt.


​I z toho důvodu doporučujeme merge tagy produktů řadit "pod sebe".

II. Různé zobrazení (s ohledem na počet produktů)*

*E-mail se odešle, i když kontakt nemá událost prohlížené zboží nebo není ID produktu nalezeno ve zbožovém feedu (pouze dojde k přeskočení daného bloku).

Základním prvkem tohoto zobrazení je následující podmínka, která zobrazí produkty podle toho, kolik si jich uživatel reálně prohlédl (max. ale 3 produkty), a podle toho lze také uzpůsobit vzhled šablony [tj. produkty nebudou muset být řazeny jenom pod sebe, jak je uvedeno v bodu a)]:


- pokud si uživatel zobrazil 1 produkt, zobrazí se v šabloně pouze 1 produkt
- pokud si uživatel zobrazil 2 produkty, zobrazí se v šabloně 2 produkty
- pokud si uživatel zobrazil 3 produkty, zobrazí se 3 produkty (maximální počet)
​

TIP: Můžete tak např. zobrazit 1 produkt uprostřed, ale v případě 2 produktů produkty zobrazit vedle sebe.

Zobrazit/Skrýt: Merge tagy

*|IF:ECM_LAST_VIEW[1]|*

*|IF:#ECM_LAST_VIEW=1|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ELSEIF:#ECM_LAST_VIEW=2|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ECM_LAST_VIEW[2].img_url|*
*|ECM_LAST_VIEW[2].url|*
*|ECM_LAST_VIEW[2].name|*
*|ECM_LAST_VIEW[2].price|*
*|ECM_LAST_VIEW[2].description|*

*|ELSE:|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ECM_LAST_VIEW[2].img_url|*
*|ECM_LAST_VIEW[2].url|*
*|ECM_LAST_VIEW[2].name|*
*|ECM_LAST_VIEW[2].price|*
*|ECM_LAST_VIEW[2].description|*

*|ECM_LAST_VIEW[3].img_url|*
*|ECM_LAST_VIEW[3].url|*
*|ECM_LAST_VIEW[3].name|*
*|ECM_LAST_VIEW[3].price|*
*|ECM_LAST_VIEW[3].description|*

*|END:IF|*

*|END:IF|*

Zobrazit/Skrýt: V šabloně

3. Užitečné tipy

Zobrazení obrázků u produktů:

Obrázek vložíte do šablony přes zdrojový kód textu; na toolbaru v textovém bloku vyhledejte ikonku Zdrojový kód:
​

Kód takového obrázku, který do pole zdrojového kódu zadáte, může vypadat následovně:
​

<a href="*|ECM_LAST_VIEW[1].url|*"><img src="*|ECM_LAST_VIEW[1].img_url|*" alt="*|ECM_LAST_VIEW[1].name|*" width="250">

Doporučujeme v rámci kódu nastavit i maximální velikost obrázků produktů (width), jelikož se jinak zobrazí v originální velikosti. Newsletter má defaultně šířku 600px, je proto dobré nastavit velikost obrázků adekvátně, např.: tři obrázky (produkty) vedle sebe by měly mít každý max. 200px, dva obrázky (produkty) můžou mít max. 300px apod.

💡TIP: Máte v jednom Ecomail účtu nahraných více zbožových feedů se stejnými ID produktů (typicky při napojení více jazykových mutací e-shopu do jednoho účtu v Ecomailu)?
​
Využijte možnost specifikovat ID feedu přímo v rámci produktového merge tagu. Tak zajistíte, že se např. kontaktům ze seznamu, kde máte kontakty z české mutace e-shopu, propíší v e-mailu data z českého feedu.
​
Pro vyhledávání produktů v konkrétním feedu přidejte za název merge tagu __IDFEEDU (dvě podtržítka a ID feedu).
​
Zápis ECM_LAST_VIEW__1234 zajistí, že bude produkt k propsání vyhledán jen v rámci produktového feedu s ID 1234. Zápis s ID feedu je třeba mít konzistentní v celé podmínce.
​
Níže vidíte ilustrační příklad zápisu podmínky, pokud byste si přáli propisovat údaje o posledním prohlíženém produktu z feedu s ID 19344:
​
*|IF:ECM_LAST_VIEW__19344[1]|*
​
*|ECM_LAST_VIEW__19344[1].img_url|* - umístění obrázku (url adresa)
*|ECM_LAST_VIEW__19344[1].url|* - odkaz na produkt
*|ECM_LAST_VIEW__19344[1].name|* - název produktu
*|ECM_LAST_VIEW__19344[1].price|* - cena produktu
*|ECM_LAST_VIEW__19344[1].description|* - popis produktu
​
*|END:IF|*

Více informací najdete v tomto článku naší nápovědy.

4. Šablona vs. blok s prohlíženými produkty

Máte dvě možnosti, jak poslední prohlížené produkty v e-mailu využít.


a) Můžete odeslat šablonu, jejímž obsahem jsou jenom prohlížené produkty:

  • typicky pro Automat "Opuštěné prohlížení" (více v další kapitole článku)

  • do e-mailové šablony je potřeba doplnit merge tagy (viz. příklady výše)

  • kontaktům se vůbec neodešle, pokud nemají historii prohlížených produktů a produkty nejsou v podmínce *|IF:ECM_LAST_VIEW[1]|* .. *|END:IF|*

b) Je také možné přidat prohlížené produkty jako personalizovaný blok:

  • použitelné do e-mailu v různých automatizacích

  • použijí se výchozí merge tagy + přidaná podmínka, která zajistí, že poslední prohlížení se zobrazí jenom těm, kteří v profilu prohlížené produkty mají

  • kontaktům bez prohlížených produktů se e-mail odešle, pokud budou produkty "zabaleny" do podmínky *|IF:ECM_LAST_VIEW[1]|* .. *|END:IF|*, blok s prohlíženými produkty se pro takové kontakty ale nezobrazí

Zde ukážeme oba způsoby na konkrétních příkladech.


a) Šablona, jejímž obsahem jsou pouze prohlížené produkty (typicky v rámci automatizace Opuštěné prohlížení, viz další kapitola), a která se kontaktům vůbec neodešle, pokud nemají historii prohlížených produktů

V případě, že budete zákazníkovi zasílat naposledy prohlížené produkty jako primární sdělení bez dalších informací, je v případě absence produktů žádoucí, aby se newsletter vůbec neodeslal.

Tohoto chování e-mailu docílíte, pokud si vyberete zápis bez hlavní podmínky (tedy bez této podmínky *|IF:ECM_LAST_VIEW[1]|*):

Zobrazit/Skrýt: Merge tagy

*|IF:#ECM_LAST_VIEW=1|*
*|ECM_LAST_VIEW[1].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[1].url|* - odkaz na produkt
*|ECM_LAST_VIEW[1].name|* - název produktu
*|ECM_LAST_VIEW[1].price|* - cena
*|ECM_LAST_VIEW[1].description|* - popis
 
*|ELSEIF:#ECM_LAST_VIEW=2|*
*|ECM_LAST_VIEW[1].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[1].url|* - odkaz na produkt
*|ECM_LAST_VIEW[1].name|* - název produktu
*|ECM_LAST_VIEW[1].price|* - cena
*|ECM_LAST_VIEW[1].description|* - popis

*|ECM_LAST_VIEW[2].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[2].url|* - odkaz na produkt
*|ECM_LAST_VIEW[2].name|* - název produktu
*|ECM_LAST_VIEW[2].price|* - cena
*|ECM_LAST_VIEW[2].description|* - popis
 
*|ELSE:|*
*|ECM_LAST_VIEW[1].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[1].url|* - odkaz na produkt
*|ECM_LAST_VIEW[1].name|* - název produktu
*|ECM_LAST_VIEW[1].price|* - cena
*|ECM_LAST_VIEW[1].description|* - popis

*|ECM_LAST_VIEW[2].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[2].url|* - odkaz na produkt
*|ECM_LAST_VIEW[2].name|* - název produktu
*|ECM_LAST_VIEW[2].price|* - cena
*|ECM_LAST_VIEW[2].description|* - popis

*|ECM_LAST_VIEW[3].img_url|* - umístění obrázku
*|ECM_LAST_VIEW[3].url|* - odkaz na produkt
*|ECM_LAST_VIEW[3].name|* - název produktu
*|ECM_LAST_VIEW[3].price|* - cena
*|ECM_LAST_VIEW[3].description|* - popis
*|END:IF|*

Zobrazit/Skrýt: V šabloně

b) Personalizovaný blok, který se (ne)zobrazí podle toho, zda má kontakt historii prohlížených produktů

Jestliže využijete zápis s hlavní podmínkou (*|IF:ECM_LAST_VIEW[1]|*), která stojí ještě před samotnými naposledy prohlíženými produkty, můžete takový blok využít v šabloně e-mailu v jakékoliv automatizaci.
​
V případě že kontakt žádné naposledy prohlížené produkty nemá, blok se jednoduše přeskočí a zobrazí se pouze obsah e-mailu bez této personalizace.

Využijte hlavní podmínku (*|IF:ECM_LAST_VIEW[1]|*) před merge tagy pro poslední prohlížené produkty a zakončete *|END:IF|* merge tagem:

Zobrazit/Skrýt: Merge tagy

*|IF:ECM_LAST_VIEW[1]|*

*|IF:#ECM_LAST_VIEW=1|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ELSEIF:#ECM_LAST_VIEW=2|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ECM_LAST_VIEW[2].img_url|*
*|ECM_LAST_VIEW[2].url|*
*|ECM_LAST_VIEW[2].name|*
*|ECM_LAST_VIEW[2].price|*
*|ECM_LAST_VIEW[2].description|*

*|ELSE:|*

*|ECM_LAST_VIEW[1].img_url|*
*|ECM_LAST_VIEW[1].url|*
*|ECM_LAST_VIEW[1].name|*
*|ECM_LAST_VIEW[1].price|*
*|ECM_LAST_VIEW[1].description|*

*|ECM_LAST_VIEW[2].img_url|*
*|ECM_LAST_VIEW[2].url|*
*|ECM_LAST_VIEW[2].name|*
*|ECM_LAST_VIEW[2].price|*
*|ECM_LAST_VIEW[2].description|*

*|ECM_LAST_VIEW[3].img_url|*
*|ECM_LAST_VIEW[3].url|*
*|ECM_LAST_VIEW[3].name|*
*|ECM_LAST_VIEW[3].price|*
*|ECM_LAST_VIEW[3].description|*

*|END:IF|*

*|END:IF|*

Zobrazit/Skrýt: V šabloně

5. Tvorba automatizace, která reaguje na prohlížení produktu (automat Opuštěného prohlížení)

Jakmile máte v pořádku nastavené sledování událost prohlížení u kontaktů a je připravená personalizovaná šablona, můžete se pustit do tvorby samotné automatické kampaně.


​Frekvenci spuštění nastavte podle potřeby, typicky na "několikrát", a trigger automatizace zvolte Nastane vlastní událost. Do vlastní události vyplňte hodnoty přesně dle ukázky níže, tedy ECM_PRODUCT_VIEW do pole Kategorie.
​
Automatizace se tak spustí ve chvíli, kdy si uživatel prohlédne jakýkoliv produkt na vašem e-shopu a tato událost se přenese do Ecomailu.
​
​

Následující kroky scénáře nastavte dle vámi zvolené strategie.

Scénář může mít třeba takovouto podobu:

  • počkat 48 hodin (tj. dva dny od prohlížení)

  • kontrola podmínky, zda uživatel za posledních x dní nenakoupil
    ​​TIP: doporučujeme zvolit takovou časovou podmínku, abyste neoslovovali kontakty, které nedávno nakoupily, protože u nich už vedlo prohlížení k nákupu

  • pokud ano (tedy nenakoupil), poslat e-mail s připomínkou prohlíženého produktu

  • ukončit automatizaci

Strom automatizace pak může v Ecomailu vypadat následovně:
​

U tohoto typu automatu doporučujeme využít zápisu bez hlavní podmínky (aby kontaktům e-mail nebyl odeslán, pokud např. prohlížené produkty na webu už neexistují).
​


6. Segmentace

Prohlížené produkty můžete také segmentovat, například za účelem prověření, zda vaši příjemci produkt prohlížejí.
​
V segmentu zvolíte Aktivita na webu a do pole Kategorie doplníte ECM_PRODUCT_VIEW. Do pole Akce pak uvedete ID konkrétního produktu. Je potřeba, aby toto ID produktu bylo součástí produktového feedu nahraného ve vašem účtu.
​


Stejné nastavení využijete také v podmínce vaší automatizace, kdy chcete kontrolovat prohlížení konkrétního produktu.
​


7. Testování

Pro otestování zatím nespuštěné automatizace nejprve vaši adresu vložte do seznamu kontaktů v Ecomailu, pro který je automatizace nastavena. Dále je potřeba vědět, jakým způsobem máte ošetřen přenos dat o prohlížených produktech z e-shopu do vašeho Ecomail účtu -> zda přes API, nebo přes trackovací kód (viz výše).
​
Pokud využíváte některou z našich předpřipravených integrací, můžete si tuto informaci ověřit přímo v článku nápovědy k dané integraci. Pokud využíváte vlastní napojení, ověřte způsob přenosu dat s vaším technikem.
​
Jestliže se událost prohlíženého zboží přenáší do vašeho účtu přes trackovací kód (což je i případ většiny našich e-shopových integrací), je potřeba, abyste nejprve na vašem webu odsouhlasili cookies 🍪 a otrackovali se (viz výše).
​
​To můžete v rámci testování provést snadno dvěma způsoby:
​
​a) Za URL odkaz vložte následující řetězec, který nahradíte svou testovací e-mailovou adresou (ta musí být importována v seznamu kontaktů, pro který je automatizace nastavena):
​
​?ecmid=email@domena.cz (např. www.ecomail.cz?ecmid=mujmail@domena.cz)


​b) Přes konzoli v prohlížeči (např. v Google Chrome přes Developers tools nebo F12 > console) spustit snippet a nahradit vaším e-mailem:

window.ecotrack('setUserId', 'mujmail@domena.cz');
window.ecotrack('trackPageView');


Jakmile dojde k otrackování, prohlížejte si konkrétní produkty a vyčkejte na propsání vlastní události prohlížení zboží do detailu vašeho testovacího kontaktu, viz ilustrační screenshot:
​


Poté teprve vložte svůj kontakt do sekce Testování v dané automatizaci.
​
Jestliže jsou v rámci vámi používané integrace/vlastního napojení data o prohlíženém zboží přenášena přes rozhraní API, pak se s trackováním kontaktů nepracuje. Aby se událost prohlíženého zboží přenesla, může být např. třeba, abyste byli přihlášeni do svého zákaznického účtu na e-shopu.

💭 Nenašli jste odpověď? Napište nám na chat nebo e-mail support@ecomail.cz. 😊

Související články
Dostali jste odpověď na svou otázku?