ಯಾವುದೇ ಕ್ಲಿಕ್‌ಗಾಗಿ Google Analytics ಈವೆಂಟ್ ಟ್ರ್ಯಾಕಿಂಗ್ ಅನ್ನು ಆಲಿಸಲು ಮತ್ತು ರವಾನಿಸಲು jQuery ಬಳಸಿ

jQuery ಗೂಗಲ್ ಅನಾಲಿಟಿಕ್ಸ್ ಈವೆಂಟ್ ಟ್ರ್ಯಾಕಿಂಗ್ ಅನ್ನು ರವಾನಿಸಲು ಕ್ಲಿಕ್‌ಗಳಿಗಾಗಿ ಆಲಿಸಿ

ಹೆಚ್ಚಿನ ಏಕೀಕರಣಗಳು ಮತ್ತು ವ್ಯವಸ್ಥೆಗಳು ಸ್ವಯಂಚಾಲಿತವಾಗಿ ಒಳಗೊಂಡಿಲ್ಲ ಎಂದು ನನಗೆ ಆಶ್ಚರ್ಯವಾಗಿದೆ Google Analytics ಈವೆಂಟ್ ಟ್ರ್ಯಾಕಿಂಗ್ ಅವರ ವೇದಿಕೆಗಳಲ್ಲಿ. ಕ್ಲೈಂಟ್‌ಗಳ ಸೈಟ್‌ಗಳಲ್ಲಿ ಕೆಲಸ ಮಾಡುವ ನನ್ನ ಹೆಚ್ಚಿನ ಸಮಯವು ಕ್ಲೈಂಟ್‌ಗೆ ಯಾವ ಬಳಕೆದಾರರ ನಡವಳಿಕೆಗಳು ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿವೆ ಅಥವಾ ಸೈಟ್‌ನಲ್ಲಿ ಕಾರ್ಯನಿರ್ವಹಿಸುತ್ತಿಲ್ಲ ಎಂಬುದರ ಕುರಿತು ಅಗತ್ಯವಿರುವ ಮಾಹಿತಿಯನ್ನು ಒದಗಿಸಲು ಈವೆಂಟ್‌ಗಳಿಗಾಗಿ ಟ್ರ್ಯಾಕಿಂಗ್ ಅನ್ನು ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತಿದೆ.

ತೀರಾ ಇತ್ತೀಚೆಗೆ, ನಾನು ಹೇಗೆ ಟ್ರ್ಯಾಕ್ ಮಾಡುವುದು ಎಂಬುದರ ಕುರಿತು ಬರೆದಿದ್ದೇನೆ mailto ಕ್ಲಿಕ್‌ಗಳು, ಟೆಲ್ ಕ್ಲಿಕ್‌ಗಳು, ಮತ್ತು ಎಲಿಮೆಂಟರ್ ಫಾರ್ಮ್ ಸಲ್ಲಿಕೆಗಳು. ನಿಮ್ಮ ಸೈಟ್ ಅಥವಾ ವೆಬ್ ಅಪ್ಲಿಕೇಶನ್ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಉತ್ತಮವಾಗಿ ವಿಶ್ಲೇಷಿಸಲು ಇದು ನಿಮಗೆ ಸಹಾಯ ಮಾಡುತ್ತದೆ ಎಂಬ ಭರವಸೆಯೊಂದಿಗೆ ನಾನು ಬರೆಯುತ್ತಿರುವ ಪರಿಹಾರಗಳನ್ನು ಹಂಚಿಕೊಳ್ಳಲು ನಾನು ಮುಂದುವರಿಯುತ್ತೇನೆ.

Google Analytics ಈವೆಂಟ್ ವರ್ಗ, Google Analytics ಈವೆಂಟ್ ಆಕ್ಷನ್ ಮತ್ತು Google Analytics ಈವೆಂಟ್ ಲೇಬಲ್ ಅನ್ನು ಒಳಗೊಂಡಿರುವ ಡೇಟಾ ಅಂಶವನ್ನು ಸೇರಿಸುವ ಮೂಲಕ ಯಾವುದೇ ಆಂಕರ್ ಟ್ಯಾಗ್‌ಗೆ Google Analytics ಈವೆಂಟ್ ಟ್ರ್ಯಾಕಿಂಗ್ ಅನ್ನು ಸಂಯೋಜಿಸಲು ಈ ಉದಾಹರಣೆಯು ಸರಳವಾದ ವಿಧಾನವನ್ನು ಒದಗಿಸುತ್ತದೆ. ಡೇಟಾ ಅಂಶವನ್ನು ಸಂಯೋಜಿಸುವ ಲಿಂಕ್‌ನ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ ಗೇವೆಂಟ್:

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

ನಿಮ್ಮ ಸೈಟ್‌ಗೆ ಪೂರ್ವಾಪೇಕ್ಷಿತವು ಅದರಲ್ಲಿ jQuery ಅನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ... ಈ ಸ್ಕ್ರಿಪ್ಟ್‌ನೊಂದಿಗೆ ಚಾಲಿತವಾಗಿದೆ. ಒಮ್ಮೆ ನಿಮ್ಮ ಪುಟವನ್ನು ಲೋಡ್ ಮಾಡಿದ ನಂತರ, ಈ ಸ್ಕ್ರಿಪ್ಟ್ ನಿಮ್ಮ ಪುಟಕ್ಕೆ ಕೇಳುಗರನ್ನು ಸೇರಿಸುತ್ತದೆ ಮತ್ತು ಯಾರಿಗಾದರೂ ಒಂದು ಅಂಶದ ಮೇಲೆ ಕ್ಲಿಕ್ ಮಾಡುತ್ತದೆ ಗೇವೆಂಟ್ ಡೇಟಾ... ನಂತರ ನೀವು ಕ್ಷೇತ್ರದಲ್ಲಿ ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ವರ್ಗ, ಕ್ರಿಯೆ ಮತ್ತು ಲೇಬಲ್ ಅನ್ನು ಸೆರೆಹಿಡಿಯುತ್ತದೆ ಮತ್ತು ಪಾರ್ಸ್ ಮಾಡುತ್ತದೆ.

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

ಇದು ಅತ್ಯಂತ ದೃಢವಾದ ಸ್ಕ್ರಿಪ್ಟ್ ಅಲ್ಲ ಮತ್ತು ನೀವು ಕೆಲವು ಹೆಚ್ಚುವರಿ ಕ್ಲೀನ್-ಅಪ್ ಮಾಡಬೇಕಾಗಬಹುದು, ಆದರೆ ನೀವು ಪ್ರಾರಂಭಿಸಬೇಕು!