WASP – one of the top debugging tools for web analyst
Super článek o WASPu od Lukáše Teplého. Pravá ruka každého analytika.
WASP – one of the top debugging tools for web analyst
Super článek o WASPu od Lukáše Teplého. Pravá ruka každého analytika.
V sobotu 3. října jsem vyrazil do svých oblíbených jižních Čech na 7. WP konferenci. A bylo to opět super, poklona organizátorům a přednášejícím. A jelikož jsou již k dispozici videa, bude můj report opravdu v kostce. Tři až čtyři body ke každé přednášce, co jsem si odnesl.
Takže WordPress konference byla opět super a už jenom vše vyzkoušet v praxi.
Častým předsudkem je, že Google Analytics vám pomůže pouze s měřením online kampaní. Není to pravda. V Google Analytics můžete stejně elegantně měřit výkonnost billboardů, plakátů, letáků, odznaků a dalších. Zde bych rád představil vybraných 8 technik, které je možné i kombinovat a opravdu začít měřit výkonnost offlinu.
Všechny následující případové studie budou založeny na dvou technologiích: přesměrování, QR, analýza lokality v Google Analytics a práce s IP adresami.
Moje webová stránka je Allten.cz. Aktuálně bych chtěl mít inzerát např. v Příbramském deníku. Jediné co potřebuji je dostat do Google Analytics adresu s UTM parametry, díky čemuž zjistím, že návštěvník přišel právě z této kampaně. Tuto adresu potřebuji:
http://www.Allten.cz/?utm_source=pribramskydenik&utm_medium=offline&utm_campaign=printcampaign2015
Tuto adresu nemohu jen tak dát do kampaně (jelikož téměř každý by ji opsal s chybou a zároveň by to bylo neprofesionální a dlouhé). Musím vytvořit přesměrování na tuto adresu. Nabízí se možnosti:
Přesměrování vytvoří váš vývojář snadno pomocí htaccess. Postup by šel vyladit využitím filtrů v Google Analytics. Pokud je referral PsaniNaKlavesnici.cz, tak přepiš source/medium na hodnoty pribramskydenik/offline, ale není to nutné.
V ČR se QR kódy nikdy příliš nechytli. Ale i tak mohou být dobrým doplňkem letáku či plakátu. Opět bychom postupovali metodou UTM parametrů a z těch vytvořili letáky.
http://www.Allten.cz/?utm_source=pribramskydenik&utm_medium=offline&utm_campaign=printcampaign2015
Google Analytics dokáže zobrazit návštěvnost z jednotlivých krajů ČR. Pokud bychom měli billboardovou kampaň na D1, řekněme 4 billboardy. Můžeme poté předpokládat, že navýšení návštěvnosti oproti průměru s očištěním dalších vlivů bude způsobeno právě tímto bannerem. Tento filtr můžeme omezit způsobem, aby zobrazovat pouze nové uživatele z dané lokality – měření není 100% přesné, ale na úrovni kraje by mělo být dostatečně vypovídající.
Představte si, že chcete udělat plakátovou a letákovou kampaň na vysokých školách v České republice. Toto řešení již vyžaduje trošku kódování a znalost Google Tag Manager. Výsledkem bude, že v Google Analytics bude možné rozdělit návštěvnost a cíle dle jednotlivých vysokých škol (např. bude možné zjistit: Z VŠCHT navštívilo web 451 lidí, strávili na webu 2 minuty, 42x stáhli aplikaci a z ČVUT…).
Požádal jsem na Twitteru o názor několik specialistů na webovou analytiku. Zde si můžete prohlédnout jejich doporučení. Jak vidíte, možnosti sledování offline jdou mnohem dále, než jsem navrhl.
Co třeba trackovat vstup zákazníků do pobočky? Napojit pokladny obchodu atd. http://t.co/ppvUA9epgF
Hm, co tahle kampaň import a tagování pomocí utm_id?
Ještě mě napadají slevové kódy rozdělené dle jednotlivých offline zdrojů.
Je nezbytné zmínit, že všechny zmíněné metody jsou přesné jen do jisté míry a závislé na větším počtu faktorů. Bude lepší pojmout analýzu vždy komplexně (např. u kampaně v bodu #4 nespoléhat jen na změřené výsledky, ale analyzovat i zvýšení počtu návštěv z mobilních zařízení – studenti mohou využívat mobilní data nebo navštívit web po odchodu ze školy). U všech metod doporučuji určit před začátkem kampaně, jak bude úspěšnost měřena a které hodnoty jsou zamýšlené.
Máte rovněž zkušenosti s měřením offline kampaní? Podělte se v komentářích!
Client asked me to track Prezi in Google Analytics. However, there is no way how to track iframe embed. Thus I had to use Prezi API to make this running. API is only alfa right now but I hope this basic function will work for a long time. I used Google Tag Manager to make this running.
You can try everything at prezidemo.marketingmakers.net
You can find all neccessary documentation on Github. This is a code that will place video in the page.
Update 30.6.2017: As of the update in March/April this solution does not work 100%. Unfortunatelly, I do not have a capacity to fix this. If you have, I will help you with the task.
<script src="http://prezi.github.io/prezi-player/lib/PreziPlayer/prezi_player.js"> </script><script> var player = new PreziPlayer('prezi_here', { preziId: 'l3qa8ydbj1l7', width: 620, height: 444, explorable: false, controls: true }); </script>
I push name of the Prezi presentation and step (slide).
player.on(PreziPlayer.EVENT_CURRENT_STEP, function(e) { dataLayer.push({ 'event': 'trackprezi', 'name': player.getTitle(), 'step': player.getCurrentStep() }) });
Create dataLayer variables
and then create tag Google Analytics – Event.
This tag should fire when trackprezi happens.
This is it! Go to Behaviour -> Events in Google Analytics and enjoy your data!
Děkuji všem, kteří navštívili moji přednášku na E-shop víkendu. Zde je prezentace a video.
Velmi mě potěšily i reakce na Twitteru. Děkuji!
Tweets about #esv15 @blazekmichal
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?’http‘:’https‘;if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+“://platform.twitter.com/widgets.js“;fjs.parentNode.insertBefore(js,fjs);}}(document,“script“,“twitter-wjs“);
Instalátor spam filtrů | MarketingMakers.net
Vytvořil jsem pro své zákazníky spam filter. Pokud jste mými zákazníky, kontaktujte mne a spam filter vám spustím a otestuji. Ale dostupný je samozřejmě pro všechny návštěvníky webu.
Toto není žádnej bulšit. Opravdu budu lektorovat 14tidenní kurz online marketingu v Chorvatsku “Online Marketing Challenge” 17. – 28. sprna. A organizátor mi dal dva volňásky. Takže pojďme soutěžit!
Napište do komentářů příběh marketingové kampaně, která byla neúspěšnější ve Vaší kariéře. Deadline 5.7.2015 23:59, pak vyberu vítěze.
Pozvánka na letní školu:
Webové stránky s podrobnými informacemi: EuropeanSummerSchool.com a zde více o kurzu Online Marketing Challenge.
Je neděle, tak jsem se rozhodl zbořit jedno analytické dogma: “Nejde změřit, kolik lidí vám pošle přímý e-mail.” Ať již tím, že zkopíruje e-mailovou adresu anebo si ji opíše. Změřit to lze a ihned vám to dokážu. Dokonce jsem přišel na čtyři způsoby.
Pro každou marketingovou kampaň vytvořte cílovou stránku a na této cílové stránce použijte adresu, která není nikde jinde na webových stránkách využita. Kdokoliv napíše na tuto adresu je jasně z této kampaně. Tip: Nemusíte tvořit nové mailové adresy, stačí tvořit aliasy k těm stávajícím.
Na stránce kontakt bude adresa michal@allten.cz. A já chci, aby když někdo přijde z facebookové kampaně tato adresa se změnila na kurz@allten.cz a když z PPC, tak na lektor@allten.cz (příklad). Jak na to?
Využiji Google Tag Manager. Obecný postup je:
V Google Tag Manager zvolím Proměnné -> Nová -> Vlastní kód JavaScript a využiji následující JavaScript kód:
function() { function getUrlParameter(sParam) { var sPageURL = window.location.search.substring(1); var sURLVariables = sPageURL.split('&'); for (var i = 0; i < sURLVariables.length; i++) { var sParameterName = sURLVariables[i].split('='); if (sParameterName[0] == sParam) { return sParameterName[1]; } } } return getUrlParameter("utm_campaign"); // Zdroj: http://stackoverflow.com/questions/19491336/get-url-parameter-jquery }
Proměnné -> Nová -> Vyhledávací tabulka a nastavím tuto tabulku dle obrázku zde. Vyhledávací tabulka nepodporuje regulérní výrazy, takže opravdu to musí být 1:1.
Ad 3: Pomocí jQuery skriptu změním po načtení stránky e-mailovou adresu
Třídu (class) odkazu nastavím na “kezmene”.
A následně musím pomocí jQuery (viz Poznámka 2) změnit nejen samotný text, ale i href parametr. Využiji tento skript, který se spustí při načtení stránky kontakt.
<script> jQuery("a.kezmene").text('{{E-mailová adresa v závislosti na UTM}}'); jQuery("a.kezmene").attr('href', 'mailto:{{E-mailová adresa v závislosti na UTM}}') </script>
http://allten.cz/kontakt/?utm_source=pokus&utm_medium=pokus&utm_campaign=pokus (uvidíte adresu kurz@allten.cz), respektive http://allten.cz/kontakt/?utm_source=pokus&utm_medium=pokus&utm_campaign=pokus2 (uvidíte adresu lektor@allten.cz).
Identifikace uživatele – přes navržené řešení není možné identifikovat odesílatele. Identifikaci je možné udělat dvěmi metodami. Nejlepší je, pokud používate User ID, pak již bude uživatel v Google Analytics identifikovaný. Pokud User ID nepoužíváte, je možné vsadit na IP adresu. Pomocí dataLayer a PHP zašleme adresu do Google Tag Manager a tuto IP adresu následně pošleme jako štítek události do Google Analytics. A následně přes různé nástroje můžeme zjistit, komu IP adresa patří a identifikovat tak společnost a jejího zaměstnance.
Opakované návštěvy – tento skript funguje pouze, pokud je nastavený utm parametr. Pokud by uživatel přišel znovu, tak by viděl defaultní adresu. Mohl bych tedy vytvořit cookie a následně vždy kontrolovat, zda uživatel již na webu byl a z jakého zdroje přišel a podle toho mu zobrazovat danou adresu.
Podmínka, zda existuje utm_campaign – Aktuálně netestuji, zda utm existuje a raději jsem nastavil defaultní hodnotu vyhledávací tabulky. Elegantnější by bylo vložit do datové vrstvy událost a skript aktivovat pouze tehdy, když utm_campaign existuje.
Automatické nahrazování všech e-mailových adres – aktuálně skript změní pouze e-mailové adresy, kde je nastavena třída “kezmene”. Bylo by možné vytvořit něco jako posluchač událostí, který by zjistil zda na stránce existuje řetězec michal@allten.cz a ten následně nahradil.
Poznámka 1: Více o UTM parametrech. S troškou představivosti by to šlo i bez UTM, jelikož GTM má proměnnou referrer a z té bych mohl informace číst. Ale nebylo by to tak přesné.
Poznámka 2: Tento skript bude fungovat pouze tehdy pokud máte na stránkách vloženu jQuery knihovnu – s největší pravděpodobností ji tam již máte, ale pokud ne, můžete vložit do webu anebo přímo do skriptu Google Tag Manager tento kód: <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
Ano, pomocí posluchače událostí můžeme i měřit, zda někdo zkopíroval e-mailovou adresu do schránky a zaslat do Google Analytics tuto informaci jako událost. Doporučuji kombinovat s předchozí metodou. Postup je následující:
Skript dole funguje pouze s ID elementu a ID může být na stránce pouze jednou. Přidal jsem tedy k hornímu mailu id="kopirovano"
.
Tento návod vychází z článku Simo Ahavy, Fun with Google Tag Manager (viz Poznámka 3). Tento skript vložíme jako novou značku, která se bude spouštět na kontaktní stránce.
<script> var c = document.getElementById("kopirovano"); if(typeof(c)!=='undefined') { c.addEventListener('copy', function(evt) { dataLayer.push({'event': 'copy'}); }); } </script>
V první řadě je nutné nadefinovat samotný tag.
A tento tag se spustí pouze tehdy, pokud dojde k události copy.
Následně událost ihned uvidím v Google Analytics v přehledech v Reálném čase a později kdykoliv v sekci Chování – Události
Poznámka 3: Doporučuji přečíst si i všechny komentáře článku od Simo Ahavy. Skript je možné rozšířit i tak, aby monitoroval všechna kopírování na stránce a do štítku přidával zkopírovaný text. Značně se tak rozšíří jeho funkce.
Poznámka 4: Skript nefunguje na 100%. Nedokáže např. změřit, když využiji funkci kopírovat ve Firefox. Fungoval pouze po Ctrl+C. Doporučuji brát jeho hodnoty jako orientační a ne jako dogma.
O měření odeslání kontaktních formulářů toho naleznete hodně. Jednou z metod může být odebrat z webu všechny e-maily a ponechat pouze kontaktní formulář. Ale počítejte s tím, že hodně uživatelů naštvete anebo přijde o zákazníky, kteří rozesílají najednou třeba 5 poptávek z e-mailové šablony.
Takže jak vidíte, nastavení měření e-mailových adres je možné. Pro začátečníka v Google Tag Manager může být tento návod složitý, poté můžete požádat o pomoc specialistu v Google Tag Manager (neříkám, že to musím být já :)).