- [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. **Lidé z e‑shopů jsou víc zapálení a nebojí se kreativity**
# **Lidé z e‑shopů jsou víc zapálení a nebojí se kreativity**
[  Lukáš Horák ](/blog/lukas-horak) [Rozšíření](/kategorie/aplikace)
5. 12. 2017
3 minuty čtení
Pod taktovkou Reglenda vznikla aplikace Feed Image Editor, díky níž dokážete upravit obrazovou inzerci nejen pro Facebook. Co stálo za vznikem této aplikace a kde všude ji využijete? O tom jsme si povídali s jedním z vývojářů této aplikace, Jirkou Guňkou.
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. —
Pod taktovkou [Reglenda](https://www.reglendo.cz/) vznikla aplikace [Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/?_ga=2.40983403.819891703.1512481784-2071796062.1508323134), díky níž dokážete **upravit obrazovou inzerci nejen pro Facebook**. Co stálo za vznikem této aplikace a kde všude ji využijete? O tom jsme si povídali s jedním z vývojářů této aplikace, **Jirkou Guňkou**.
## Jak vznikl nápad vytvořit FIE?
Když jsem dělal konzultanta, začínal dynamický remarketing produktů na Facebooku. **Obráz**ky v reklamách **se ale nezobrazovaly správně**. Všichni byli naučení na to, že se přes feed posílaly obrázky v libovolném formátu na Heureku či Zboží.cz a tam si s tím nějak poradili. Ale **Facebook si s tím poradit nedokázal**. Obrázky byly ořezané nebo roztáhnuté. Časem jsem přestal dělat konzultanta a začal jsem pracovat v Reglendu, kde vyvíjíme aplikace. FIE byl jeden z prvních adeptů, čemu se věnovat.
## Co aplikace dělá?
Díky ní můžeš **hromadně upravovat produktové obrázky** pro produktové kampaně. Tím, že se obrázky berou z XML feedu, ušetří to hodně času.
## Dá se aplikace použít pouze pro Facebook?
Ne, i když jsem ji primárně dělali pro Facebook. V současnosti, když už **má Facebook uvolněnější politiku** pro to, co se **dá s obrázky dělat**, jsem do aplikace přidali různe **grafické prvky a šablony**. Facebook sám nabádá k tomu, aby inzerenti byli kreativní a snažili se.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie1_0.png)
## Kde všude ji ještě využijeme?
Pro [Heureku](http://heureka.cz/), [Google nákupy](https://www.google.cz/shopping?hl=cs) či [Glami](http://glami.cz/). Ti naopak **chtějí strohé obrázky**, pouze produkt. Glami má minimální rozměry, přes které tě nepustí. Google nákupy vyžadují **striktně obrázky bez vodoznaků**. Tady je tedy využití trochu jiné. Můžete například **odstranit vodoznak**, pokud už v e‑shopu máte naimportované obrázky s vodoznakem a nemůžete je upravit na straně e‑shopu. Některé e‑shopy **využívají** FIE právě k tomu, **napříč různými trhy a státy**. Bez toho by je Google nenechal inzerovat.
Aplikaci využijete také při [Heureka košíku](https://sluzby.heureka.cz/napoveda/kosik/). Pokud máte obrázek s vodoznakom, tak vám sice ho Heureka košík povolí, ale nenechá vás být na top pozici, která je nejvíc vidět.
## Vzpomínal jsi, že ve FIE míváte i různé grafické prvky a šablony.
Přidávame je vždy, **když se v průběhu sezóny něco děje**, nějaká **zajímavá událost**. Máme taky šablony, které by e‑shopy mohly využít univerzálně. Jsme i rádi, když od e‑shopů dostaneme tip, co by chtěli.
[  ](https://www.mergado.cz/sites/default/files/perm/paragraph-image/fie2_1.png)
## Dostáváte od uživatelů FIE i zpětnou vazbu?
Jsou nadšení. Je jedno, jestli jsou klienty marketingoví specialisté, freelanceři nebo lidé z e‑shopů. Někdy je právě zajímavé, že lidé z e‑shopů, kteří si dělají inzerci sami, jsou víc zapálení a víc zkouší a nebojí se toho tolik jako někdo z agentury, kdo e‑shop přímo neprovozuje.
## Jak postupovat při vytváření kampaní?
Na začátku je fajn **si uvědomit, jestli mám s reklamou nějaký problém**, jestli se mi obrázky špatně zobrazují. A nebo jestli chci návštěvníkům povedět něco, co nezjistí jen z fotky produktu. Můžu si zkontrolovat, co mám nastavené v PPCčkách, a tak sa inspirovat. Po vytvoření prvních obrázků je třeba otestovat, jak na ně uživatelé na Facebooku reagují. Podle toho je upravit a nebát se kreativity, měnit a střídat je.
## Zkombinoval bys FIE s nějakou další aplikací z Mergada?
Například s [Data Owl](https://store.mergado.com/detail/dowl/?_ga=2.116997839.819891703.1512481784-2071796062.1508323134), odkud se **dá vytáhnout, jak dlouho je produkt ve feedu**. Podle toho nastavit výběr pro všechny produkty, které jsou ve feedu méně než 30 dní, a jsou tedy novinkami, a k takovýmto produktům **připsat šablonu pro novinku**. Drobná zrada je v tom, že pro každý obor je novinka něco jiného. Někde to může být měsíc a někde rok, takže je třeba se nad tím zamyslet.
Děkujeme za rozhovor!
Novinky z FIE můžete sledovat na našem blogu či na [fóru FIE](https://forum.mergado.cz/t/feed-image-editor-live/248). Pokud potřebujete s aplikací pomoci, nebojte se kontaktovat [podporu Mergada](http://mailto:mergado@mergado.cz), napsat na [fórum](https://forum.mergado.cz/) nebo přímo do [Reglenda](https://www.reglendo.cz/kontakt).
- [ AI boost produktových obrázků ](/tema/ai-boost-produktovych-obrazku)
- [ Rozhovory ](/tema/rozhovor)
[  ](/blog/lukas-horak)### [ Lukáš Horák ](/blog/lukas-horak)
Lukáš se v Mergadu stará o většinu komunikace v češtině. Prostřednictvím blogu, e‑mailu a sociálních sítí pravidelně zásobuje čtenáře aktualitami z e‑commerce a novinkami a tipy z Mergada. Pokud zrovna není copywriterem, užívá si prosté věci jako badminton, výlety mezi utajené skvosty osmdesátkové hudby a plody moře podávané s červeným vínem.
## 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()
}