- [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. [ Rozšírenia ](/kategorie/aplikacie)
4. **Ľudia z e‑shopov sú viac zapálení a neboja sa kreativity**
# **Ľudia z e‑shopov sú viac zapálení a neboja sa kreativity**
[  Natália Saganová ](/blog/natalia-saganova) [Rozšírenia](/kategorie/aplikacie)
5. 12. 2017
3 minúty čítania
Pod taktovkou Reglenda vznikla aplikácia Feed Image Editor, vďaka ktorej dokážete upraviť obrázkovú inzerciu nie len pre Facebook. Čo stálo za vznikom tejto aplikácie a kde všade ju využijete? O tom nám porozprával jeden z jej vývojárov Jirka Guňka.
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 aplikácia[ Feed Image Editor](https://store.mergado.com/detail/feedimageeditor/), vďaka ktorej dokážete upraviť **obrázkovú inzerciu nie len pre Facebook**. Čo stálo za vznikom tejto aplikácie a kde všade ju využijete? O tom nám porozprával jeden z jej vývojárov **Jirka Guňka**.
**Ako vznikol nápad vytvoriť FIE ?**
Keď som robil konzultanta, začínal dynamický remarketing produktov na Facebooku. **Obrázky** v reklamách **sa nezobrazovali správne**. Všetci boli naučení na to, že sa cez feed posielali obrázky v ľubovoľnom formáte na Heureku, či Zboží.cz a oni si s tým nejako poradili. Ale **Facebook si** s tým **nedokázal poradiť**. Obrázky boli orezané, alebo roztiahnuté. Časom som prestal robiť konzultanta a začal som pracovať v Reglende, kde vyvíjame aplikácie. FIE bol jeden z prvých adeptov, čomu sa venovať.
**Čo aplikácia robí?**
Vďaka nej môžeš **hromadne upravovať produktové obrázky** pre produktové kampane. Obrázky sa berú z XML feedu, ušetrí to veľa času.
**Aplikácia sa dá použiť iba pre Facebook?**
Nie, aj keď primárne sme ju robili pre Facebook. Keďže **má Facebook uvoľnenú politiku**, čo sa **s obrázkami dá robiť**, pridali sme do aplikácie rôzne **grafické prvky a šablóny**. Facebook sám nabáda na to, aby inzerenti boli kreatívni a snažili sa.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/fie1.png)
**Kde všade ju ešte využijeme?**
Pre[ Heureku](http://heureka.sk), [Google nákupy](https://www.google.cz/shopping?hl=cs), či [Glami](http://glami.sk). Tí naopak **chcú strohé obrázky**, iba produkt. Glami má minimálne rozmery, cez ktoré ťa nepustí. Google nákupy vyžadujú **striktne obrázky bez vodoznakov**. Tu je teda využitie trochu iné. Môžete napríklad **odstrániť vodoznak**, pokiaľ v e‑shope už máte naimportované obrázky s vodoznakom a nemôžete ich upraviť na strane e‑shopu. Niektoré e‑shopy **využívajú** FIE práve na to a **naprieč rôznymi trhmi** a krajinami. Bez toho by ich Google nenechal inzerovať.
Využijete ju tiež pri [Heureka košíku](https://sluzby.heureka.sk/napoveda/kosik-api/). Pokiaľ máte obrázok s vodoznakom, tak vám síce Heureka košík povolí, ale nenechá vás byť na top pozícii. Ktorá je najviac vidieť.
**Spomínal si, že vo FIE mávate aj rôzne grafické prvky a šablóny.**
Pridávame ich vždy, keď sa **sezónne niečo deje**, nejaká **zaujímavá udalosť**. Máme tiež šablóny, ktoré by e‑shopy mohli univerzálne využiť. Sme radi, pokiaľ aj dostaneme tip od e‑shopov, čo by chceli.
[  ](https://www.mergado.sk/sites/default/files/perm/paragraph-image/fie2_0.png)
**Dostávate od používateľov FIE aj spätnú väzbu?**
Sú nadšení. Je jedno, či sú klientmi marketingoví špecialisti, freelanceri, alebo ľudia z e‑shopov. Niekedy je práve zaujímavé, že ľudia z e‑shopov sú viac zapálení a viac skúsia a neboja sa toho toľko ako niekto, kto v e‑shope priamo nesedí.
**Ako postupovať pri vytváraní kampaní?**
Na začiatku je fajn **si uvedomiť, či mám s reklamou nejaký problém**, či sa mi obrázky zle zobrazujú. Alebo či chcem návštevníkom, niečo povedať, čo nezistia len z fotky produktu. Môžem si skontrolovať, čo mám v PPCčkach nastavené a tak sa inšpirovať. Po vytvorení prvých obrázkov ich treba otestovať, ako na ne užívatelia na Facebooku reagujú. Podľa toho ich upraviť a nebáť sa kreativity, meniť a striedať ich.
**S kombinoval by si FIE s inou aplikáciou z Mergada?**
Napríklad s [Data Owl](https://store.mergado.com/detail/dowl/), odkiaľ sa **dá vytiahnuť, ako dlho je produkt vo feede**. Podľa toho nastaviť výber pre všetky produkty, ktoré sú vo feede menej ako 30 dní, sú teda novinka a k takýmto produktom **pripísať šablónu pre novinku**. Drobná zrada je v tom, že pre každý odbor je novinka niečo iné. Niekde to môže byť mesiac a niekde rok, takže sa nad tým treba zamyslieť.
Ďakujeme za rozhovor!
Novinky z FIE môžete sledovať na našom blogu, či na [fóre](https://forum.mergado.cz/t/feed-image-editor-live/248). Ak potrebujete s aplikáciou pomôcť, nebojte sa kontaktovať [podporu Mergada](mailto:mergado@mergado.sk), napísať na [fórum](https://forum.mergado.cz), či priamo do [Reglenda](mailto:jiri.gunka@reglendo.com).
- [ Rozhovory s odborníkmi e‑commerce ](/tema/rozhovor)
- [ AI boost produktových obrázkov ](/tema/ai-boost-produktovych-obrazkov)
[  ](/blog/natalia-saganova)### [ Natália Saganová ](/blog/natalia-saganova)
V Mergade začínala Natálka ako copywriterka a preto môžete naraziť na jej staršie články. Teraz ju najčastejšie uvidíte pred hľadáčikom kamery a pod jej rukami vzniká aj každoročný MergadoFest. Šéfka nášho tímu nepohrdne dobrým jedlom a cestovaním, najlepšie dohromady. Je milovníčka jógy, dobrej knihy a tancovania.
## Mohlo by vás *zaujímať*
[ 
### Ako na GPSR pre Allegro a Kaufland: S týmto sprievodcom sami doplníte e‑shop o požadované údaje
](/blog/gpsr-allegro-kaufland)
[ 
### Zobrazujte najvhodnejšie alternatívne produkty. Nakúpi u vás viac zákazníkov
](/blog/alternativne-produkty)
[ 
### Katalóg Icecat vám pomôže doplniť chýbajúce produktové dáta. S Mergadom ho prepojíte aplikáciou Clicking Goat
](/blog/icecat-clicking-goat-doplnte-chybajuce-data)
## 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()
}