- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopové riešenia a platformy](/kategorie/e-shopove-riesenia-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergade](/kategorie/novinky-v-mergade)
- [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
- [Pracujeme s Mergadom](/kategorie/pracujeme-s-mergadom)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšírenia](/kategorie/aplikacie)
- [S Mergadom do zahraničia](/kategorie/s-mergadom-do-zahranicia)
- [Zo života Mergada](/kategorie/zo-zivota-mergada)
1. [ Domov ](/)
2. [ Blog ](/blog)
3. [ Novinky z porovnávačov cien ](/kategorie/novinky-z-porovnavacov-cien)
4. **Sprievodca produktovými kampaňami na Facebooku 3. časť — Dynamický remarketing**
# **Sprievodca produktovými kampaňami na Facebooku 3. časť — Dynamický remarketing**
[  Daniel Czetner ](/blog/daniel-czetner) [Novinky z porovnávačov cien](/kategorie/novinky-z-porovnavacov-cien)
2. 3. 2016
4 minúty čítania
V [minulej časti](http://www.mergado.sk/sprievodca-produktovymi-kampanami-na-facebooku-druha-cast) som spomenul, že sa budeme venovať Facebook pixelu, dynamickému remarketingu a správe kampaní v Power Editore. Keďže všetko dohromady dáva slušnú porciu informácií, rozhodol som sa dané témy rozdeliť na dva články. Táto časť bude o prvých dvoch zmienených témach a štvrtá bude o správe kampaní v Power Editore.
function tableOfContents() {
return {
headings_menu: [],
heading_active: '', // Added to track the active section
shouldBeSticky: false,
generateToC() {
const headings = document.querySelectorAll('.js-article-full-headings h2, .js-article-full-headings h3');
let headingMap = {};
headings.forEach((heading) => { // Use an arrow function to maintain `this` context
// Normalize heading text to remove diacritics, then replace non-alphanumeric characters with dashes
var normalizedText = heading.textContent.normalize("NFD").replace(/[\u0300-\u036f]/g, ""); // Remove diacritics
var id = heading.id ? heading.id : normalizedText.trim().toLowerCase()
.split(' ').join('-').replace(/[^a-z0-9\-]/ig, ''); // Updated regex to replace non-alphanumeric characters
headingMap[id] = headingMap[id] !== undefined ? ++headingMap[id] : 0;
// Use the updated `id` with diacritics removed for the heading id and the TOC
const finalId = headingMap[id] ? `${id}-${headingMap[id]}` : id;
this.headings_menu.push({
id: finalId,
title: heading.textContent,
level: heading.tagName.toLowerCase(), // Track heading level
active: false, // Initially set active to false
});
heading.id = finalId;
});
},
checkStickyNeeded() {
const ul = this.$el.querySelector('ul');
if (ul) {
this.shouldBeSticky = ul.scrollHeight < window.innerHeight;
}
},
setActiveHeading() {
// disabled not working with active state on click
// add @scroll.window="setActiveHeading()" to the parent div
// const headings = document.querySelectorAll('.js-article-full-headings h2');
// let activeHeading = '';
// let closestHeadingDistance = Infinity;
// headings.forEach((heading) => {
// const rect = heading.getBoundingClientRect();
// const offset = rect.top - window.innerHeight / 2; // Consider heading in the middle of the screen as active
// if (offset < 0 && Math.abs(offset) < closestHeadingDistance) {
// activeHeading = heading.id;
// closestHeadingDistance = Math.abs(offset);
// }
// });
// // Update the active state in headings_menu
// if (activeHeading !== this.heading_active) {
// this.headings_menu = this.headings_menu.map(item => ({
// ...item,
// active: item.id === activeHeading,
// }));
// this.heading_active = activeHeading;
// }
},
setActiveItem(clickedId) {
this.headings_menu.forEach(item => {
item.active = (item.id === clickedId);
});
this.heading_active = clickedId; // Optionally update the heading_active property if used
},
};
}
1. —
## Čo je dynamický remarketing
Je to spôsob ako **zacieliť na návštevníkov**, ktorý navštívili naše stránky a prezerali si konkrétne produkty alebo napr. nedokončili nákup, pohybovali sa v určitej kategórii, nakúpili po určitej dobe apod.
Na našich stránkach musí byť samozrejme nasadený **Facebook pixel**, ktorý sa postará o to aby si označil každého návštevníka, a následne nám umožnil mu zobraziť rovnaké alebo podobné produkty aké si už pozeral.
Schválne skúste navštíviť nejaký e‑shop napríklad s matracami a potom si pozrite Facebook, ak má daný web nasadený pixel a má nastavený remarketing, mali by vás už na Facebooku „prenasledovať“ reklamy na matrace. :-)
*Ukážka reklamy na základe remarketingu*
## Facebook pixel
Facebook pixel **je kus JavaScript kódu** pre váš web, ktorý vám umožní merať, optimalizovať a zostavovať okruhy užívateľov pre vaše reklamné kampane. Keď použijete Facebook pixel môžete informácie o akciách, ktoré ľudia na vašom webe naprieč zariadeniami vykonajú, využiť na to, aby ste **vytvárali efektívnejšie reklamné kampane**. S Facebook pixelom môžeme:
- **Merať konverzie** naprieč zariadeniami
- **Optimalizovať doručovanie** reklamy pre ľudí, ktorí akciu pravdepodobne vykonajú
- Automaticky z návštevníkov webu **zostavovať okruhy používateľov**, na ktoré potom môžeme znova zacieliť
*Ukážka kódu FB pixelu na stránku Pridať do košíka*
## Vytvorenie a nasadenie pixelu
Vytvorenie pixelu je otázkou pár sekúnd. V [ správcovi reklamy](http://www.mergado.sk/sprievodca-produktovymi-kampanami-na-facebooku-druha-cast#spravca-reklamy) klikneme na vytvoriť pixel a pomenujeme si ho. To je celé.
Druhým krokom je **nasadenie tohoto pixelu** na náš web. Nato potrebujeme mať prístup k HTML kódu nášho webu. Samotný kód, ako môžeme vidieť na obrázku vyššie, umiestnime medzi tagy a .
Len pripomeniem, že u **každého účtu môže byť len jeden Facebook pixel**. Avšak aby váš pixel dokázal reportovať rôzne konverzné udalosti, môžete doň pridať štandardné udalosti alebo vlastné konverzie.
### Štandardné udalosti
Tieto udalosti **predstavujú rôzne typy akcií, ktoré ľudia na vašom webe môžu vykonať**, a je potrebné ich umiestniť len na určité stránky. Umožnia nám sledovať konverzie, optimalizovať konverzie a zostavovať okruhy užívateľov. Pozor nato, že sa v nich rozlišujú malé a veľké písmená. Facebook nám ponúka 9 základných udalostí zobrazených v tabuľke nižšie.
**Akcie na webe****Popis****Kódy štandardných udalostí**Zobrazenie obsahuSledovanie zobrazenia kľúčovej stránky (napr. stránky produktu, úvodnej stránky, článku)fbq(‘track’, ‘ViewContent’);VyhľadávanieSledovanie vyhľadávaní vykonaných na našom webe (napr. vyhľadávanie produktov)fbq(‘track’, ‘Search’);Pridanie do košíkuSledovanie toho, keď sú položky pridané do nákupného košíka (napríklad kliknutie, prechod na úvodnú stránku po kliknutí na tlačidlo Pridať do košíka)fbq(‘track’, ‘AddToCart’);Pridanie do zoznamu prianíSledovanie toho, keď sú položky pridané na zoznam prianí (napríklad kliknutie, prechod na úvodnú stránku po kliknutí na tlačidlo Pridať na zoznam prianí)fbq(‘track’, ‘AddToWishlist’);Prechod k zaplateniu nákupuSledovanie toho, keď ľudia spustia proces zaplatenia nákupu (napríklad kliknutie, prechod na úvodnú stránku po kliknutí na tlačidlo pre zaplatenie nákupu)fbq(‘track’, ‘InitiateCheckout’);Pridanie platobných údajovSledovanie toho, keď sú pridané platobné informácie (napríklad kliknutie, prechod na úvodnú stránku s fakturačnými údajmi)fbq(‘track’, ‘AddPaymentInfo’);Uskutočnenie nákupuSledovanie nákupov alebo dokončenia platby za nákup (napríklad zobrazenie stránky s poďakovaním za nákup alebo s potvrdením nákupu)fbq(‘track’, ‘Purchase’, {value: ‘0.00’, currency: ‘USD’});Potenciálni zákazníciSledovanie toho, keď niekto prejaví záujem o vašu ponuku (napríklad odošle formulár, zaregistruje sa na získanie skúšobného obdobia alebo zobrazí stránku s cenami).fbq(‘track’, ‘Lead’);Dokončenie registrácieSledovanie toho, keď je dokončené vyplnenie registračného formulára (napríklad dokončenie registrácie predplatného, registrácie služby)fbq(‘track’, ‘CompleteRegistration’);*Tabuľka štandardných udalostí*
### Vlastné konverzie
V podstate rovnakú úlohu ako štandardné udalostí spĺňajú vlastné konverzie, avšak trochu iným spôsobom. Ide o to, že v prípade vlastných konverzií **nemusíte na svoj web nasadzovať žiadne kódy**, konverzie reprezentujú konkrétne URL adresy alebo ich kľúčové slová. Zvolíte si jedno z dvoch pravidiel ktorým zadefinujete cieľ konverzie.
- Prvý typ pravidla je, keď sa URL adresa rovná, napr. **[www.mergado.sk/ceny](http://www.mergado.sk/ceny)** a zároveň **[www.mergado.sk/agentury](http://www.mergado.sk/agentury)**
- Druhým typom je sú **kľúčové slová v URL adrese**, v našom prípade by sme doplnili **/ceny** a **/agentury**. Samozrejme je možné pridávať viac kľúčových slov tak ako URL adries.
Následne stačí vybrať ekvivalent **Akcie na webe** ako pri štandardných udalostiach.
*Vlastné konverzie si môžeme vytvoriť v správcovi reklám. Nájdeme ich v ponuke nástrojov.*
Výber metódy akou budeme sledovať akcie svojich zákazníkov na webe nechám samozrejme na vás. Vnímam ako dobrú vec, že Facebook umožňuje vytvárať aj vlastné konverzie, ktoré sú vhodné pokiaľ nechcete na svoj web nasadzovať vyššie spomenuté kódy a navyše **je tu možnosť vytvorenia iných udalostí ako štandardných 9.**
Nabudúce si povieme niečo o nástroji Power Editor, ktorý slúži k správe Facebookových kampaní.
\*/
- [ Dynamic product ads ](/tema/dynamic-product-ads)
[  ](/blog/daniel-czetner)### [ Daniel Czetner ](/blog/daniel-czetner)
Daniela ste poznali zo slovenskej podpory Mergada. Pomáhal riešiť problémy, písal návody v nápovede a testoval nové funkcie v Mergade. Mal jednoznačne najdlhšie dredy v tíme a jeho drsnému humoru sa vyrovnal snáď len jeho spolupracovník Přemek.
## Mohlo by vás *zaujímať*
[ 
### Ako úspešne predávať na idealo
](/blog/uspesny-prodej-na-idealo)
[ 
### Ďalšie regulácie v e‑commerce: čo je BFSG a čo to znamená pre vaše online podnikanie?
](/blog/bfsg-digitalna-pristupnost)
[ 
### Nová regulácia GPSR už aj na Heureka Marketplace – viete, čo by ste mali doplniť?
](/blog/gpsr-heureka-marketplace)
## Nenechajte si nič *ujsť*
Prihláste sa k odberu nášho newslettera
Prihlásením súhlasíte s tým, že vaše údaje budeme spracovávať v súlade s našimi [zásadami ochrany osobných údajov](/vyhlasenie-o-cookies).
Ďakujeme, úspešne ste sa pripojili k nášmu zoznamu odberateľov.
function ml_webform_success_5807248() {
var r = ml_jQuery || jQuery
r('.ml-subscribe-form-5807248 .row-success').show(), r('.ml-subscribe-form-5807248 .row-form').hide()
}