ਸੁਣਨ ਲਈ jQuery ਦੀ ਵਰਤੋਂ ਕਰੋ ਅਤੇ ਕਿਸੇ ਵੀ ਕਲਿੱਕ ਲਈ Google ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ ਟ੍ਰੈਕਿੰਗ ਪਾਸ ਕਰੋ

ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਈਵੈਂਟ ਟ੍ਰੈਕਿੰਗ ਨੂੰ ਪਾਸ ਕਰਨ ਲਈ ਕਲਿੱਕਾਂ ਲਈ jQuery ਸੁਣੋ

ਮੈਂ ਹੈਰਾਨ ਹਾਂ ਕਿ ਹੋਰ ਏਕੀਕਰਣ ਅਤੇ ਸਿਸਟਮ ਆਪਣੇ ਆਪ ਸ਼ਾਮਲ ਨਹੀਂ ਹੁੰਦੇ ਹਨ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ ਟ੍ਰੈਕਿੰਗ ਉਹਨਾਂ ਦੇ ਪਲੇਟਫਾਰਮਾਂ ਵਿੱਚ. ਕਲਾਇੰਟਸ ਦੀਆਂ ਸਾਈਟਾਂ 'ਤੇ ਕੰਮ ਕਰਨ ਦਾ ਮੇਰਾ ਜ਼ਿਆਦਾਤਰ ਸਮਾਂ ਕਲਾਇੰਟ ਨੂੰ ਉਹ ਜਾਣਕਾਰੀ ਪ੍ਰਦਾਨ ਕਰਨ ਲਈ ਇਵੈਂਟਸ ਲਈ ਟਰੈਕਿੰਗ ਵਿਕਸਿਤ ਕਰ ਰਿਹਾ ਹੈ ਜਿਸਦੀ ਉਹਨਾਂ ਨੂੰ ਲੋੜ ਹੈ ਕਿ ਉਪਭੋਗਤਾ ਵਿਵਹਾਰ ਸਾਈਟ 'ਤੇ ਕੀ ਕੰਮ ਕਰ ਰਹੇ ਹਨ ਜਾਂ ਕੰਮ ਨਹੀਂ ਕਰ ਰਹੇ ਹਨ।

ਸਭ ਤੋਂ ਹਾਲ ਹੀ ਵਿੱਚ, ਮੈਂ ਇਸ ਬਾਰੇ ਲਿਖਿਆ ਕਿ ਕਿਵੇਂ ਟ੍ਰੈਕ ਕਰਨਾ ਹੈ mailto ਕਲਿੱਕ, tel ਕਲਿੱਕਹੈ, ਅਤੇ ਐਲੀਮੈਂਟਰ ਫਾਰਮ ਸਪੁਰਦਗੀ. ਮੈਂ ਉਹਨਾਂ ਹੱਲਾਂ ਨੂੰ ਸਾਂਝਾ ਕਰਨਾ ਜਾਰੀ ਰੱਖਣ ਜਾ ਰਿਹਾ ਹਾਂ ਜੋ ਮੈਂ ਇਸ ਉਮੀਦ ਨਾਲ ਲਿਖ ਰਿਹਾ ਹਾਂ ਕਿ ਇਹ ਤੁਹਾਡੀ ਸਾਈਟ ਜਾਂ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨ ਦੀ ਕਾਰਗੁਜ਼ਾਰੀ ਦਾ ਬਿਹਤਰ ਵਿਸ਼ਲੇਸ਼ਣ ਕਰਨ ਵਿੱਚ ਤੁਹਾਡੀ ਮਦਦ ਕਰਦਾ ਹੈ।

ਇਹ ਉਦਾਹਰਨ ਕਿਸੇ ਵੀ ਐਂਕਰ ਟੈਗ ਵਿੱਚ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਈਵੈਂਟ ਟ੍ਰੈਕਿੰਗ ਨੂੰ ਸ਼ਾਮਲ ਕਰਨ ਦਾ ਇੱਕ ਬਹੁਤ ਹੀ ਸਰਲ ਸਾਧਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਇੱਕ ਡੇਟਾ ਐਲੀਮੈਂਟ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ ਜਿਸ ਵਿੱਚ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ ਸ਼੍ਰੇਣੀ, ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ ਐਕਸ਼ਨ, ਅਤੇ ਗੂਗਲ ਵਿਸ਼ਲੇਸ਼ਣ ਇਵੈਂਟ ਲੇਬਲ ਸ਼ਾਮਲ ਹੁੰਦਾ ਹੈ। ਇੱਥੇ ਇੱਕ ਲਿੰਕ ਦਾ ਇੱਕ ਉਦਾਹਰਨ ਹੈ ਜੋ ਡੇਟਾ ਤੱਤ ਨੂੰ ਸ਼ਾਮਲ ਕਰਦਾ ਹੈ, ਜਿਸਨੂੰ ਕਿਹਾ ਜਾਂਦਾ ਹੈ gaevent:

<a href="#" data-gaevent="Category,Action,Label">Click Here</a>

ਤੁਹਾਡੀ ਸਾਈਟ ਲਈ ਇੱਕ ਪੂਰਵ ਸ਼ਰਤ ਇਸ ਵਿੱਚ jQuery ਨੂੰ ਸ਼ਾਮਲ ਕਰਨਾ ਹੈ... ਜਿਸ ਨਾਲ ਇਹ ਸਕ੍ਰਿਪਟ ਸੰਚਾਲਿਤ ਹੈ। ਇੱਕ ਵਾਰ ਜਦੋਂ ਤੁਹਾਡਾ ਪੰਨਾ ਲੋਡ ਹੋ ਜਾਂਦਾ ਹੈ, ਤਾਂ ਇਹ ਸਕ੍ਰਿਪਟ ਤੁਹਾਡੇ ਪੰਨੇ 'ਤੇ ਕਿਸੇ ਵੀ ਵਿਅਕਤੀ ਦੇ ਨਾਲ ਇੱਕ ਤੱਤ 'ਤੇ ਕਲਿੱਕ ਕਰਨ ਵਾਲੇ ਸਰੋਤਿਆਂ ਨੂੰ ਜੋੜਦੀ ਹੈ gaevent ਡੇਟਾ... ਫਿਰ ਇਹ ਖੇਤਰ ਦੇ ਅੰਦਰ ਤੁਹਾਡੇ ਦੁਆਰਾ ਦਰਸਾਏ ਗਏ ਸ਼੍ਰੇਣੀ, ਕਾਰਵਾਈ ਅਤੇ ਲੇਬਲ ਨੂੰ ਕੈਪਚਰ ਅਤੇ ਪਾਰਸ ਕਰਦਾ ਹੈ।

<script>
  $(document).ready(function() {      
    $(document).on('click', '[data-gaevent]', function(e) {
      var $link = $(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

ਨੋਟਿਸ: ਮੈਂ ਇੱਕ ਚੇਤਾਵਨੀ (ਟਿੱਪਣੀ ਕੀਤੀ) ਸ਼ਾਮਲ ਕੀਤੀ ਹੈ ਤਾਂ ਜੋ ਤੁਸੀਂ ਅਸਲ ਵਿੱਚ ਪਾਸ ਕੀਤੇ ਜਾਣ ਦੀ ਜਾਂਚ ਕਰ ਸਕੋ।

ਜੇਕਰ ਤੁਸੀਂ ਵਰਡਪਰੈਸ 'ਤੇ jQuery ਚਲਾ ਰਹੇ ਹੋ, ਤਾਂ ਤੁਸੀਂ ਕੋਡ ਨੂੰ ਥੋੜਾ ਜਿਹਾ ਸੋਧਣਾ ਚਾਹੋਗੇ ਕਿਉਂਕਿ ਵਰਡਪਰੈਸ $ ਸ਼ੌਰਟਕਟ ਦੀ ਕਦਰ ਨਹੀਂ ਕਰਦਾ:

<script>
  jQuery(document).ready(function() {      
    jQuery(document).on('click', '[data-gaevent]', function(e) {
      var $link = jQuery(this);
      var csvEventData = $link.data('gaevent');
      var eventParams = csvEventData.split(',');
      if (!eventParams) { return; }
        eventCategory = eventParams[0]
        eventAction = eventParams[1]
        eventLabel = eventParams[2]
        gtag('event',eventAction,{'event_category': eventCategory,'event_label': eventLabel})
        //alert("The Google Analytics Event passed is Action: " + eventAction + ", Category: " + eventCategory + ", Label: " + eventLabel);
    });
  });
</script>

ਇਹ ਸਭ ਤੋਂ ਮਜਬੂਤ ਸਕ੍ਰਿਪਟ ਨਹੀਂ ਹੈ ਅਤੇ ਤੁਹਾਨੂੰ ਕੁਝ ਵਾਧੂ ਸਫਾਈ ਕਰਨ ਦੀ ਲੋੜ ਹੋ ਸਕਦੀ ਹੈ, ਪਰ ਇਹ ਤੁਹਾਨੂੰ ਸ਼ੁਰੂ ਕਰਨਾ ਚਾਹੀਦਾ ਹੈ!