# Gombkattintások követése

> Hogyan számolhatod a Gomb widget kattintásait Meta Pixellel, Google Analyticsszel vagy Google Tag Managerrel egyedi attribútum és kis szkript segítségével.

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):

```html
<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:

```css
/** 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.
