Obecnie 197 forumowiczów jest online
Obecnie 197 forumowiczów jest online
Porozmawiaj na temat implementacji kodu śledzenia w wielu domenach, ustaw śledzenie zdarzeń. Dowiedz się, czym jest Universal Analytics i jak korzystać z Menedżera tagów Google.
Poprowadź mnie
star_border
Odpowiedz

Śledzenie kliku w tekst/email jako zdarzenie

[ Edytowane ]
Student ✭ ✭

Chciałabym śledzić jako zdarzenie kliknięcie w email, wygląda to tak:

<p>info@strona.pl</p>

 

Strona jest w Joomla i pomimo wstawienia adresu mailowego jako tekst na stronie internetowej gdy się wjedzie myszką to widać mailto:info@strona.pl i po kliknięciu uruchamia się poczta domyślna (może to ma jakieś znaczenie).

 

Pytanie: jak umieścić obok na wstępie podanego adresu mailowego w kodzie modułu coś takiego:

onClick="ga('send', 'event', 'category', 'action', 'label', 'value');"

żeby zdarzenia się "naliczały"?

Odpowiedź eksperta 3verified_user

Zaakceptowane rozwiązania
Zaakceptowane rozwiązanie.
Rozwiązanie
Zaakceptowane przez: Piotr Kazana (Community Manager)
marca 2016

Dot.: Śledzenie kliku w tekst/email jako zdarzenie

Wschodząca Gwiazda

Cześć.


Adres email na stronie powinien być klikalny, czyli właśnie w takiej postaci, jak go masz:

<a href="mailto:info@strona.pl">info@strona.pl</a>

 

Edytor automatycznie wykrywa ciąg znaków jako adres email i dodaje co trzeba.

 

Natomiast z tego co widzę, to w Joomli edytor (przynajmniej TinyMCE) nie pozwala na wstawianie ani kodu JavaScript, ani elementów takich onclick, itp.

 

dlatego po wstawieniu w kodzie tego:

<a href="mailto:info@strona.pl" onclick="ga('send', 'event', 'category', 'action', 'label', 'value');">info@strona.pl</a>

 

po zapisaniu mamy z powrotem to:

<a href="mailto:info@strona.pl">info@strona.pl</a>

 

Spróbuj przełączyć się na inny edytor lub popatrzeć na konfigurację edytora, którego używasz. Może jest gdzieś tam jakaś opcja, która wyłączy czyszczenie kodu.

 

A przeciwnym wypadku pozostaje Ci albo skorzystanie z Tag Managera, albo dodanie nasłuchiwania w kliknięcia w maile w jakimś zewnętrznym pliku JavaScript.

 

Jeśli wszystkie maila, jakie chcesz śledzić, będą miały przypisaną klasę, np. trackEmail:

<a href="mailto:info@strona.pl" class="trackEmail">info@strona.pl</a>

 

to możesz wstawić taki kod (w jakimś zewnętrznym pliku/module), który przypisze do tych maili akcję onclick:

 

 

<script>
var emails = document.getElementsByClassName("trackEmail");
if(emails.length){
  for(var i=0; i<emails.length; i++){
    emails[i].onclick = function(){
      var label = this.text;
      ga('send', 'event', 'category', 'action', label, 'value');
    };
  }
}
</script>

Kod dodatkowo pobiera kliknięty text (czyli adres email), który wstawia jako label w zdarzeniu.

Tomasz Ciepłucha

Wyświetl rozwiązanie w oryginalnym poście


Wszystkie odpowiedzi
Zaakceptowane rozwiązanie.
Rozwiązanie
Zaakceptowane przez: Piotr Kazana (Community Manager)
marca 2016

Dot.: Śledzenie kliku w tekst/email jako zdarzenie

Wschodząca Gwiazda

Cześć.


Adres email na stronie powinien być klikalny, czyli właśnie w takiej postaci, jak go masz:

<a href="mailto:info@strona.pl">info@strona.pl</a>

 

Edytor automatycznie wykrywa ciąg znaków jako adres email i dodaje co trzeba.

 

Natomiast z tego co widzę, to w Joomli edytor (przynajmniej TinyMCE) nie pozwala na wstawianie ani kodu JavaScript, ani elementów takich onclick, itp.

 

dlatego po wstawieniu w kodzie tego:

<a href="mailto:info@strona.pl" onclick="ga('send', 'event', 'category', 'action', 'label', 'value');">info@strona.pl</a>

 

po zapisaniu mamy z powrotem to:

<a href="mailto:info@strona.pl">info@strona.pl</a>

 

Spróbuj przełączyć się na inny edytor lub popatrzeć na konfigurację edytora, którego używasz. Może jest gdzieś tam jakaś opcja, która wyłączy czyszczenie kodu.

 

A przeciwnym wypadku pozostaje Ci albo skorzystanie z Tag Managera, albo dodanie nasłuchiwania w kliknięcia w maile w jakimś zewnętrznym pliku JavaScript.

 

Jeśli wszystkie maila, jakie chcesz śledzić, będą miały przypisaną klasę, np. trackEmail:

<a href="mailto:info@strona.pl" class="trackEmail">info@strona.pl</a>

 

to możesz wstawić taki kod (w jakimś zewnętrznym pliku/module), który przypisze do tych maili akcję onclick:

 

 

<script>
var emails = document.getElementsByClassName("trackEmail");
if(emails.length){
  for(var i=0; i<emails.length; i++){
    emails[i].onclick = function(){
      var label = this.text;
      ga('send', 'event', 'category', 'action', label, 'value');
    };
  }
}
</script>

Kod dodatkowo pobiera kliknięty text (czyli adres email), który wstawia jako label w zdarzeniu.

Tomasz Ciepłucha

Dot.: Śledzenie kliku w tekst/email jako zdarzenie

Najlepszy Współtwórca
Sprawe bardzo uprosci wklejenie Google Tag Managera (GTM) i otagowanie z poziomu samego GTM strony kodem sledzacym GA oraz zdarzeniami wysylanymi do tego GA Emotikon: Szczęśliwy

Dot.: Śledzenie kliku w tekst/email jako zdarzenie

Wschodząca Gwiazda

Tomek i Maciek mają rację. Dodam tylko, że najlepiej zamienić email w "hrefa" ( tak jak pisał Tomek ) i dodać id :

<a href="mailto:info@strona.pl" id="email-str-gora">info@strona.pl</a>

Ja lubię dodawać id bo wtedy mogę rozróżniać np. email na górze strony, od tego jaki jest w stopce ( inny id jak ten na górze). W GTM jak napisał Maciek, zrobić zdarzenie, a w GA zrobić dodatkowo ze zdarzenie cel i mierzysz skuteczność :-). Adaśko