ניצן jQuery צו הערן און פאָרן Google Analytics עווענט טראַקינג פֿאַר קיין גיט

jQuery הערן פֿאַר קליקס צו פאָרן Google Analytics עווענט טראַקינג

איך בין סאַפּרייזד אַז מער ינטאַגריישאַנז און סיסטעמען טאָן ניט אויטאָמאַטיש אַרייַננעמען Google Analytics עווענט טראַקינג אין זייער פּלאַטפאָרמס. פיל פון מיין צייט ארבעטן אויף די זייטלעך פון קלייאַנץ איז דעוועלאָפּינג טראַקינג פֿאַר עווענט צו צושטעלן דעם קליענט די אינפֿאָרמאַציע זיי דאַרפֿן וועגן וואָס באַניצער ביכייוויערז אַרבעט אָדער נישט ארבעטן אויף דעם פּלאַץ.

לעצטנס, איך געשריבן וועגן ווי צו שפּור mailto קליקס, טל קליקס, און עלעמענטאָר פאָרעם סאַבמישאַנז. איך וועל פאָרזעצן צו טיילן די סאַלושאַנז וואָס איך שרייַבן מיט די האפענונגען אַז עס העלפּס איר צו בעסער פונאַנדערקלייַבן דיין פּלאַץ אָדער וועב אַפּלאַקיישאַן פאָרשטעלונג.

דער ביישפּיל גיט אַ זייער פּשוט מיטל צו ינקאָרפּערייט Google Analytics עווענט טראַקינג אין קיין אַנקער קוויטל דורך אַדינג אַ דאַטן עלעמענט וואָס ינקלודז די Google אַנאַליטיקס עווענט קאַטעגאָריע, Google אַנאַליטיקס עווענט אַקשאַן און Google אַנאַליטיקס עווענט לאַבעל. דאָ ס אַ ביישפּיל פון אַ לינק וואָס ינקאָרפּערייץ די דאַטן עלעמענט, גערופן 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>

דאָס איז נישט די מערסט שטאַרק שריפט און איר קען דאַרפֿן צו ריין אַרויף, אָבער עס זאָל אָנהייבן!