- [Case Studies](/kategorie/case-studies)
- [E‑commerce tipy](/kategorie/e-commerce-tipy)
- [E‑shopová řešení a platformy](/kategorie/e-shopova-reseni-a-platformy)
- [Mergado Pack](/kategorie/mergado-pack)
- [Mergado tipy](/kategorie/mergado-tipy)
- [Novinky v Mergadu](/kategorie/novinky-v-mergadu)
- [Novinky ze srovnávačů](/kategorie/novinky-ze-srovnavacu)
- [Pracujeme s Mergadem](/kategorie/pracujeme-s-mergadem)
- [Rozhovory](/kategorie/rozhovory)
- [Rozšíření](/kategorie/aplikace)
- [S Mergadem do zahraničí](/kategorie/s-mergadem-do-zahranici)
- [Ze života Mergada](/kategorie/ze-zivota-mergada)
1. [ Úvod ](/)
2. [ Blog ](/blog)
3. [ Rozšíření ](/kategorie/aplikace)
4. **Ozvěny MergadoFestu — Když obrázky umí mluvit**
# **Ozvěny MergadoFestu — Když obrázky umí mluvit**
[  Kateřina Šmajzrová ](/blog/katerina-smajzrova) [Rozšíření](/kategorie/aplikace)
25. 10. 2017
2 minuty čtení
*„Chtěli jsme zákazníkům něco sdělit bez toho, aby to museli číst. A tak jsme na to šli skrz obrázky,“* začíná Jirka na MergardoFestu svou přednášku o image marketingu. *“A proč k tomu nevyužít informace, které už ve feedu jsou?”*
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. —
*„Chtěli jsme zákazníkům něco sdělit bez toho, aby to museli číst. A tak jsme na to šli skrz obrázky,“* začíná Jirka na MergardoFestu svou přednášku o image marketingu. *“A proč k tomu nevyužít informace, které už ve feedu jsou?”*
Jste zvědaví, jak přednáška pokračovala? Přinášíme vám z ní **pár triků** a v závěru taky **celou prezentaci** a **podcast.**
## Jednoduché triky nad zlato
Začneme zlehka – častým trablem e‑shopů jsou **různé velikosti produktových obrázků.** Ty obvykle vyhovují vašemu e‑shopu a možná ještě jednomu srovnávači, ale pro inzerci na těch specializovaných jsou nedostatečné. Podobně je to s **vodoznakem**, který přímo na e‑shopu není problém, ale Heureka inzerci s takovými obrázky nespustí. Co tedy s tím?
### Úprava velikostí
Různé reklamní systémy požadují různé velikosti obrázků:
- **Facebook** — různé velikosti pro různé tipy reklamy (1200x628, 1080x1080, 600 x 600)
- **Glami** — minimální (delší) rozměr musí být 1000px
- **Shopalike** — minimální velikost 250x250 px, chcete-li nabídnout funkci zoom, jsou potřeba obrázky s rozlišením nejméně 1024x1024 px
### Oříznutí vodoznaku
Ve chvíli, kdy potřebujete ze svého produktového obrázku dostat vodoznak nebo text umístěný u kraje, stačí v aplikaci nastavit míru přesahu a nežádoucí části se tak z inzerce odříznou.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie-kompilace.png)
## Co všechno se dá komunikovat?
Schválně, podívejte se teď do svého e‑shopu a **vypište si 10 věcí, které byste chtěli, aby vaši zákazníci o vašem zboží věděli.**
Máte?
Co takhle **limitovaná edice?** **Autorizovaný prodejce** konkrétního zboží? Nejlepší cena? **Dárek zdarma**?
Tohle všechno jsou informace, které mohou u zákazníků rozhodnout, a vy je už ve svém feedu máte. Stačí je v aplikaci [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/) využít – vytvořit výběr produktů, které toto splňují a pro ně poté připravit **speciální grafickou šablonu**, která informaci vloží přímo do obrázku a zákazník tak nemusí číst popisky.
## Třetí level — obrázky na míru publiku
**Remarketing** – mocná zbraň. A co teprve obrázkový remarketing? Jak by mohl zákazník odolat, když mu po **prvním či druhém nákupu** nabídnete **slevový kupón** nebo **dárek zdarma** a navíc ho zobrazíte právě u toho svetru/kola/pneumatiky, kterou si před nedávnem ve vašem e‑shopu prohlížel?
Obrazovou inzerci nemusíte stavět jen na **informacích z XML feedu**, ale i na reálných datech o vašich zákaznících. Facebook umožňuje **cílit na konkrétní publika** a tak jednoduše vytvoříte **obrazový remarketing pro opuštěný košík nebo právě stálé zákazníky.**
Pokud si nevíte rady a chcete aplikaci začít využívat, zkuste se mrknout na[ video](https://www.youtube.com/watch?v=sq0uGzzPQso&list=PLz0Y8KFsHfJV_n-EqS5HbPfFDQif_tYmA&index=7), [napsat](mailto:mergado@mergado.cz) na naši podporu, oslovit některou z našich [certifikovaných marketingových agentur ](https://www.mergado.cz/mergadovy-certifikovane-agentury)nebo se stavit na [konzultaci](http://www.mergado.cz/konzultace).
**[MergadoFest — Jiří Guňka: Image marketing s Feed Image Editorem](//www.slideshare.net/Mergado_cz/mergadofest-ji-guka-image-marketing-s-feed-image-editorem)** from **[Mergado\_cz](https://www.slideshare.net/Mergado_cz)**
- [ Image Marketing ](/tema/image-marketing)
- [ Mergado Fest ](/tema/mergadofest)
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
[  ](/blog/katerina-smajzrova)### [ Kateřina Šmajzrová ](/blog/katerina-smajzrova)
Katka se panu Mergadovi starala o české texty, hlídala aby jim bylo rozumět a aby vás bavily. Taky točila videa a webináře pro ty, kdo jsou spíš na obrázky než na texty.
## Mohlo by vás *zajímat*
[ 
### Jak na GPSR na Allegru a Kauflandu: S tímto průvodcem sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte nejvhodnější alternativní produkty. Nakoupí u vás více zákazníků
](/blog/alternativni-produkty)
[ 
### Katalog Icecat vám pomůže doplnit chybějící produktová data. S Mergadem ho propojíte aplikací Clicking Goat
](/blog/icecat-clicking-goat-doplnte-chybejici-data)
## Ať vám *nic neunikne*
Přihlašte se do našeho newsletteru
Přihlášením souhlasíte, že vaše údaje zpracujeme v souladu s podmínkami o [ochraně osobních údajů](/prohlaseni-o-cookies).
Děkujeme, úspěšně jste se připojili k našemu seznamu odběratelů.
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()
}