ඕනෑම ක්ලික් කිරීමකට Google Analytics Event Tracking වෙත සවන් දීමට සහ සමත් වීමට jQuery භාවිතා කරන්න

jQuery Google Analytics Event Tracking සමත් වීමට ක්ලික් කිරීම් සඳහා සවන් දෙන්න

වැඩි ඒකාබද්ධ කිරීම් සහ පද්ධති ස්වයංක්‍රීයව ඇතුළත් නොවීම ගැන මම පුදුම වෙමි Google Analytics සිදුවීම් ලුහුබැඳීම ඔවුන්ගේ වේදිකාවල. සේවාලාභීන්ගේ වෙබ් අඩවිවල වැඩ කරන මගේ කාලයෙන් වැඩි ප්‍රමාණයක් සිදුවන්නේ වෙබ් අඩවියේ ක්‍රියා කරන හෝ ක්‍රියා නොකරන පරිශීලක හැසිරීම් පිළිබඳව සේවාදායකයාට අවශ්‍ය තොරතුරු සැපයීම සඳහා සිදුවීම් සඳහා ලුහුබැඳීම වර්ධනය කිරීමයි.

ඉතා මෑතකදී, මම නිරීක්ෂණය කරන්නේ කෙසේද යන්න ගැන ලිවීය mailto ක්ලික් කිරීම්, tel ක්ලික් කිරීම්, සහ මූලද්‍රව්‍ය පෝරමය ඉදිරිපත් කිරීම්. ඔබේ වෙබ් අඩවිය හෝ වෙබ් යෙදුම් කාර්ය සාධනය වඩා හොඳින් විශ්ලේෂණය කිරීමට එය ඔබට උපකාර කරයි යන බලාපොරොත්තු ඇතිව මම ලියන විසඳුම් දිගටම බෙදා ගන්නෙමි.

මෙම උදාහරණය Google Analytics Event Category, Google Analytics Event Action, සහ Google Analytics Event ලේබලය ඇතුළත් දත්ත මූලද්‍රව්‍යයක් එක් කිරීමෙන් ඕනෑම නැංගුරම් ටැගයකට Google Analytics Event Tracking ඇතුළත් කිරීමේ ඉතා සරල මාධ්‍යයක් සපයයි. මෙන්න, දත්ත මූලද්‍රව්‍යය ඇතුළත් වන සබැඳියක උදාහරණයක් ලෙස හැඳින්වේ 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>

එය වඩාත්ම ශක්තිමත් පිටපත නොවන අතර ඔබට අමතර පිරිසිදු කිරීමක් කිරීමට අවශ්‍ය විය හැක, නමුත් එය ඔබ ආරම්භ කළ යුතුය!