ഏത് ക്ലിക്കിനും Google Analytics ഇവന്റ് ട്രാക്കിംഗ് കേൾക്കാനും പാസാക്കാനും jQuery ഉപയോഗിക്കുക

jQuery ഗൂഗിൾ അനലിറ്റിക്സ് ഇവന്റ് ട്രാക്കിംഗ് പാസാക്കാനുള്ള ക്ലിക്കുകൾക്കായി കേൾക്കുക

കൂടുതൽ സംയോജനങ്ങളും സിസ്റ്റങ്ങളും സ്വയമേവ ഉൾപ്പെടാത്തതിൽ ഞാൻ ആശ്ചര്യപ്പെടുന്നു Google Analytics ഇവന്റ് ട്രാക്കിംഗ് അവരുടെ പ്ലാറ്റ്ഫോമുകളിൽ. ക്ലയന്റുകളുടെ സൈറ്റുകളിൽ ജോലി ചെയ്യുന്ന എന്റെ സമയത്തിന്റെ ഭൂരിഭാഗവും, സൈറ്റിൽ എന്ത് ഉപയോക്തൃ പെരുമാറ്റം പ്രവർത്തിക്കുന്നു അല്ലെങ്കിൽ പ്രവർത്തിക്കുന്നില്ല എന്നതിനെക്കുറിച്ചുള്ള ക്ലയന്റിന് ആവശ്യമായ വിവരങ്ങൾ നൽകുന്നതിന് ഇവന്റുകൾക്കായി ട്രാക്കിംഗ് വികസിപ്പിക്കുകയാണ്.

ഏറ്റവും അടുത്തിടെ, എങ്ങനെ ട്രാക്ക് ചെയ്യാം എന്നതിനെക്കുറിച്ച് ഞാൻ എഴുതി മെയിൽ ടു ക്ലിക്കുകൾ, ടെൽ ക്ലിക്കുകൾ, ഒപ്പം എലമെന്റർ ഫോം സമർപ്പിക്കലുകൾ. നിങ്ങളുടെ സൈറ്റിന്റെയോ വെബ് ആപ്ലിക്കേഷന്റെയോ പ്രകടനം നന്നായി വിശകലനം ചെയ്യാൻ നിങ്ങളെ സഹായിക്കുമെന്ന പ്രതീക്ഷയോടെ ഞാൻ എഴുതുന്ന പരിഹാരങ്ങൾ പങ്കിടുന്നത് തുടരാൻ പോകുന്നു.

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>

അറിയിപ്പ്: ഞാൻ ഒരു അലേർട്ട് ഉൾപ്പെടുത്തിയിട്ടുണ്ട് (അഭിപ്രായമെഴുതിയത്) അതുവഴി നിങ്ങൾക്ക് യഥാർത്ഥത്തിൽ പാസ്സായത് എന്താണെന്ന് പരിശോധിക്കാനാകും.

നിങ്ങൾ WordPress-ൽ jQuery പ്രവർത്തിപ്പിക്കുകയാണെങ്കിൽ, $ കുറുക്കുവഴിയെ WordPress വിലമതിക്കുന്നില്ല എന്നതിനാൽ, നിങ്ങൾ കോഡ് അൽപ്പം പരിഷ്‌ക്കരിക്കാൻ ആഗ്രഹിക്കും:

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

ഇത് ഏറ്റവും കരുത്തുറ്റ സ്ക്രിപ്റ്റ് അല്ല, നിങ്ങൾ കുറച്ച് അധിക ക്ലീൻ-അപ്പ് ചെയ്യേണ്ടി വന്നേക്കാം, എന്നാൽ ഇത് നിങ്ങൾ ആരംഭിക്കണം!