Gombkattintások követése

Ha tudod, hányszor kattintanak a látogatók egy gombra, jobban látod, mi érdekli őket az oldalon. Az eseményeket követőeszközök, például a Meta Pixel, a Google Analytics vagy a Google Tag Manager rögzítik. Az alábbi lépésekkel a Gomb widgetet teheted alkalmassá a követésre.

1. Kattints a vásznon a gomb szerkesztés ikonjára, majd a panelen nyisd meg a Haladó fület.
2. Görgess le az Attribútumok szekcióhoz. Itt találod az Egyéni attribútumok mezőt.
3. Írd be az egyéni attribútumot attribútum="érték" formában. Gombkövetéshez például: data-track-label="Letöltés gomb".
4. Frissítsd az oldalt, hogy a változás mentődjön.
5. Adj az oldalhoz egy HTML widgetet, bárhová.
6. A HTML kód mezőbe illeszd be a következő kódot (az attribútum értékét igazítsd a sajátodhoz, a követőkódot pedig a használt eszköz szerint cseréld):

<script>
document.addEventListener("DOMContentLoaded", function(event) {
  jQuery('[data-track-label="Letöltés gomb"]').click(function(){
    // ide jön a követőkód
    // például:
    fbq('track', 'Download');
  });
});
</script>

7. A következő CSS-t add hozzá a webhely egyéni CSS-éhez (a sablontestreszabóban, a Webhelybeállítások között, az egyéni kódnál vagy egy gyermeksablonban). Ez a Tag Manager gombjavítása a kattintásazonosító (Click ID) indításához:

/** Gombjavítás a Tag Managerhez (Click ID indításához) **/
.elementor-button-content-wrapper {pointer-events: none;}
.elementor-button span { pointer-events:none}

8. Mentsd az oldalt.