VYCHYTÁVKA: automatický časovať s geo-lokátorom pop-upov na webe pre DajmeJedlo.sk
VYCHYTÁVKA: automatický časovať s geo-lokátorom pop-upov na webe pre DajmeJedlo.sk
Chceme pomáhať publisherom čo najviac, tak tu máme jednu novinku pre všetkých, čo chcú propagovať DajmeJedlo.sk, ale chcú osloviť len ľudí z Bratislavy a iba v určitých časoch.
Obed sa objednáva, nečakane, na obed. Vtedy fičia donášky o život. Preto sme pripravili špeciálny script, ktorý sa dá „časovať“ a sleduje, odkiaľ človek je. Nasadíte na web, poviete, kedy má fungovať a je to. Pop-up sa bude zobrazovať len ľudom z Bratislavy (kde robí DajmeJedlo donášku) a iba v určitom čase. Lokáciu aj čas si môžete ľubovoľne nastaviť.
Celkom pecka nie? 🙂 Efektivita ako sa patrí a „otravovať“ budete len cez obed, kedy je efektivita najvyššia. A len tých, čo sú v Bratislave. Nižšie je popis, od developera 🙂 Konkrétne bannery a vizuály necháme na vás, ale ale tu sú nejaké pripravené 🙂 Pokročilý publisheri si ich aj tak okom-klip spravia sami 🙂
Lightbox má ešte rozšírené nastavenia:
Špecialitou je obmedzenie zobrazenia podľa času. Môže sa hodiť ak chceme promovať napr. donáškové služby, ktoré sú relevantné iba v doobednom čase:
Umiestnenie skriptu
Skript treba vložiť do stránky medzi <body></body>. Je asynchrónny, takže nebude blokovať načítavanie stránky.Základné nastavenie
Lightbox sa prispôsobí veľkosti obrázka. Treba mu len nastaviť URL obrázka, preklik, pozíciu a to po koľkých dňoch po zatvorení (kliknutím na X) sa má znova otvoriť. Takto nejako by vyzeralo základné nastavenie:<script> var xLightSettings = { image: { // URL obrazka url: "http://placehold.it/350x250" }, click: { // URL prekliku url: "http://destination.sk/", target: "_blank" }, lightbox: { // horizontalna + vertikalna pozicia: [left|center|right] | [top|center|bottom] position: ["center", "center"], // oneskorenie zobrazenia (v ms; 1000 = 1 sec) delay: 500 }, cookie: { // pocet dni po ktorych sa opat otvori (v dnoch) displayAfter: 1 } }; </script> <script src="//www.dognet.sk/back/xlight/xlight.min.js" async></script>
Lightbox má ešte rozšírené nastavenia:
<script> var xLightSettings = { image: { // URL obrazka url: "http://placehold.it/350x250" }, click: { // URL prekliku url: "http://destination.sk/" }, lightbox: { // pozicia: [left|center|right] | [top|center|bottom] position: ["right", "bottom"], // pozadie lightboxu background: "#ffb000", // farba tienu lightboxu shadowColor: "#916400", // tmave prekrytie povolene/zakazane backdropEnabled: true, // farba tmaveho prekrytia backdropColor: "#916400", // priesvitnost prekrytia backdropOpacity: 0.5, // oneskorenie zobrazenia (v ms; 1000 = 1 sec) delay: 500, // z-index zIndex: 99999 }, cookie: { // pocet dni po ktorych sa opat otvori (v sec) displayAfter: 1 } }; </script> <script src="//www.dognet.sk/back/xlight/xlight.min.js" async></script>
Špecialitou je obmedzenie zobrazenia podľa času. Môže sa hodiť ak chceme promovať napr. donáškové služby, ktoré sú relevantné iba v doobednom čase:
<script> var xLightSettings = { image: { // URL obrazka url: "http://placehold.it/350x250" }, click: { // URL prekliku url: "http://destination.sk/" }, lightbox: { // pozicia: [left|center|right] | [top|center|bottom] position: ["right", "bottom"] }, cookie: { // pocet dni po ktorych sa opat otvori (v sec) displayAfter: 1 }, activation: { // zobrazi sa len medzi 9:00 - 11:30 time: ["9:00", "11:30"], } }; </script> <script src="//www.dognet.sk/back/xlight/xlight.min.js" async></script>Ďalšou špecialitou je obmedzenie podľa krajiny, v ktorej návštevník je. Nie je nutné nastavovať country_code, region aj city. Stačí jedno z nich (ak vieme presne).
<script> var xLightSettings = { image: { // URL obrazka url: "http://placehold.it/350x250" }, click: { // URL prekliku url: "http://destination.sk/" }, lightbox: { // pozicia: [left|center|right] | [top|center|bottom] position: ["right", "bottom"] }, cookie: { // pocet dni po ktorych sa opat otvori (v sec) displayAfter: 1 }, activation: { geo: { // obmedzenie podla statu country_code: ['SK', 'CZ'], // obmedzenie podla kraju region: ['02', '03'], // obmedzenie na konkretne mesta city: ['Bratislava', 'Trnava'] } } }; </script> <script src="//www.dognet.sk/back/xlight/xlight.min.js" async></script>Ak by sme teda chceli zobraziť lightbox len trnavčanom a len v určitom čase, nastavenie by bolo takéto:
activation: {
time: ["9:00", "11:30"],
geo: {
city: ['Trnava']
}
}
Alebo len ľudom z bratislavského, košického a juhočeského kraju, tak takto:
activation: {
geo: {
country_code: ['SK', 'CZ'],
region: ['02', '03', '79']
}
}
Alebo len maďarom:
activation: {
geo: {
country_code: ['HU']
}
}
Kraje sú označené číselnými kódmi. Celý zoznam krajov a štátov je tu.
SK
01 = "Banska Bystrica"
02 = "Bratislava"
03 = "Kosice"
04 = "Nitra"
05 = "Presov"
06 = "Trencin"
07 = "Trnava"
08 = "Zilina"
CZ
52 = "Hlavni mesto Praha"
78 = "Jihomoravsky kraj"
79 = "Jihocesky kraj"
80 = "Vysocina"
81 = "Karlovarsky kraj"
82 = "Kralovehradecky kraj"
83 = "Liberecky kraj"
84 = "Olomoucky kraj"
85 = "Moravskoslezsky kraj"
86 = "Pardubicky kraj"
87 = "Plzensky kraj"
88 = "Stredocesky kraj"
89 = "Ustecky kraj"
90 = "Zlinsky kraj"
Treba dodať, že geolokácia funguje na základe návštevníkovej IP adresy a nemusí byť 100% presná. Ak sa náhodou nepodarí návštevníka lokalizovať, lightbox sa mu zobrazí tak či tak. 
