Pokud toto čtete, měli byste již mít na svém webu WordPress nastavenou službu Google Analytics. Pokud jste to ještě neudělali, udělejte to teď! Počkám tady.
…
Dobře, takže teď, když jste tento krok udělali, musíme mluvit o sledování událostí. Sledování událostí může být jakákoli věc, kterou chcete vědět o dění na vašem webu. Chcete vědět, kdy si někdo přidal produkt do košíku ve vašem obchodě? Skvělý! Když se přihlásili k odběru newsletteru? To dává smysl. Odeslali jste záznam do formuláře? Dobrý nápad! Přejeli myší na obrázek vašeho bratrance z třetího kolena, který byl dvakrát odstraněn? Proč ne? Pojďme na to!
V závislosti na tom, jak na svém webu nastavíte službu Analytics, můžete mít řadu událostí, které se pro vás budou automaticky sledovat. Analytify například odvádí skvělou práci při sledování elektronického obchodu a mnoha odeslaných zásuvných modulů pro formuláře. Co ale dělat, když chcete sledovat něco, co vaše zvolená integrace Analytics nedělá sledovat automaticky? Můžeme vytvořit řešení, které ano. Bude to vyžadovat trochu Javascriptu / jQuery, ale je to mnohem jednodušší, než si myslíte.
Podívejme se na základy odesílání události Google Analytics. Nejprve dlouhý tvar:
ga('send', {
hitType: 'event',
eventCategory: 'UserAction',
eventAction: 'Clicked',
eventLabel: 'TheBlueButton'
});
Zdá se to být příliš dlouhé a těžkopádné, takže to můžete zkrátit takto:
ga('send', 'event', 'UserAction', 'Clicked', 'TheButton');
A je to; pokud to vložíte do konzole prohlížeče, odešle událost do služby Analytics a zobrazí se na vašem řídicím panelu tam. Teď to jen musíme spustit. Potřebujeme akci.
Události nebo „Stalo se něco?“
K událostem dochází neustále, když vaši uživatelé používají váš web. Každé přejetí myší, rolování, kliknutí, všechno – to vše je událost, kterou můžete spustit, pokud chcete. Některé události jsou vestavěné, jiné jsou zahrnuty v knihovnách Javascriptu ve WordPressu a další lze vytvořit ručně (ale to je na jiný článek).
Začněme základním; tlačítko, se kterým chcete něco udělat. Řekněme, že máte tlačítko.
Jsem tlačítko.Tady to je, to je pěkně vypadající tlačítko! Nyní, když máte tlačítko, chcete vědět pokaždé, když na něj někdo klikne. Podívejme se na kód tvořící toto tlačítko;
<div id="theButton" class="wp-block-button"><a class="wp-block-button__link">I am a button.</a></div>
Nyní vidíme, jak je strukturovaný, můžeme na něj zacílit nějakým Javascriptem. Nechci znovu vynalézat kolo, takže použiji jQuery (tak jako tak je součástí WordPressu)
jQuery("div#theButton a").click(function() {
ga('send','event','UserAction','Clicked','TheButton');
});
S tímto kódem umístěným na stránce (nezapomeňte jej zabalit do značek