VYCHYTÁVKA: automatický časovač s oe-lokátorem pop-upů na webu pro DajmeJedlo.sk

VYCHYTÁVKA: automatický časovač s oe-lokátorem pop-upů na webu pro DajmeJedlo.sk

Chceme pomáhat publisherům co nejvíc, tak tu máme jednu novinku pre všechny, kteří chtějí propagovat DajmeJedlo.sk, ale chtějí oslovit jen lidi z Bratislavy a jen v určitých časech. Oběd se objednává, nečekaně, v poledne. V té době fičí donášky o život. Proto jme připravili speciální script, který se dá „časovať“ a sleduje, odkud člověk je. Nasadíte na web, řeknete, kdy má fungovat a je to. Pop-up se bude zobrazovat jen lidem z Bratislavy (kde dělá DajmeJedlo donášku)  a jen v určité době. Lokaci i čas si můžete libovolně nastavit. Celkem pecka, ne? 🙂 Efektivita jak se patří a „otravovať“ budete jen přes oběd, kdy je efektivita nejvyšší. A jen ty, co jsou v Bratislavě. Níže je popis od developera 🙂 Konkrétní bannery a vizuály necháme na vás, ale tady jsou nějaké připravené 🙂 Pokročilí publisheři si je i tak od oka udělají sami 🙂

Umístění skriptu

Skript je nutné vložit do stránky mezi <body></body>. Je asynchronní, takže nebude blokovat načítání stránky.

Základní nastavení

Lightbox se přizpůsobí velikosti obrázku. Je třeba mu jen nastavit URL obrázku, proklik, pozici a po kolika dnech po zavření (kliknutím na X) se má znovu otevřít. Takto nějak by vypadalo základní nastavení:
    <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á ještě rozšířené nastavení:
    <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>
Specialitou je omezené zobrazení podle času. Může se hodit, pokud chceme promovat např. donáškové služby, které jsou relevantní jen v dopoledních hodinách:
    <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>
Další specialitou je omezení podle země, v níž návštěvník je. Není nutné nastavovat country_code, region aj city. Stačí jedno z nich (pokud víme přesně).
    <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>
Pokud bychom tedy chtěli zobrazit lightbox jen Trnavčanům a jen v určité době, nastavení by bylo takovéto:
    activation: {
        time: ["9:00", "11:30"],
        geo: {
            city: ['Trnava']
        }
    }
Nebo jen lidem z Bratislavského, Košického a Jihočeského kraje, tak takto:
    activation: {
        geo: {
            country_code: ['SK', 'CZ'],
            region: ['02', '03', '79']
        }
    }
Anebo jen Maďarům:
    activation: {
        geo: {
             country_code: ['HU']
        }
    }
Kraje jsou označené číselnými kódy. Celý seznam krajů a států je zde. 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"   Je třeba dodat, že geolokace funguje na základě návštěvníkovy IP adresy a nemusí být 100% přesná. Pokud se náhodou nepodaří návštěvníka lokalizovat, lightbox se mu zobrazí tak či tak.

Další články, které by tě mohly zajímat

Které inzerenty u nás najdete?