எந்த கிளிக்கிலும் கூகுள் அனலிட்டிக்ஸ் நிகழ்வு கண்காணிப்பைக் கேட்கவும் அனுப்பவும் 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>

இது மிகவும் வலுவான ஸ்கிரிப்ட் அல்ல, மேலும் நீங்கள் சில கூடுதல் சுத்தம் செய்ய வேண்டியிருக்கலாம், ஆனால் அதை நீங்கள் தொடங்க வேண்டும்!