如何在revolution silider中添加点击图像的转换跟踪代码

Question

我将在WordPress网站的革命滑块中添加以下代码，从添加到；Html/Text"；层显示内部sider但不显示用户界面的输出保存在NoScript标记中转换的代码后。

注：我的动机是如何添加"；onClick＝"；goog_report_conversion('https://apps.apple.com/us/app/people-app/id1335211174’("；单击图像。

Answer 1

有几个步骤。

1. 为您的网站设置您的Google Analytics帐户。

2. 超链接幻灯片和/或图层。

3. 将"；ga按钮"；类链接到您的超链接。

4. 将以下脚本添加到滑块的自定义JavaScript部分。

   jQuery('body').on('click', '.ga-button', function() {
   var $this = jQuery(this),
   data  = $this.attr('data-link') || $this.attr('href');
   if(!data) {
   data = $this.attr('data-actions');
   if(data) data = data[0].url;
   if(!data) data = $this.attr('id');
   }
   gtag('event', 'click', { event_category: 'outbound', event_action: 'click', event_label: data});
   });
   

跟踪所有幻灯片更改：

jQuery(window).on('load', function() {
jQuery('.rev_slider').each(function() {
var ids = jQuery(this).attr('id').split('rev_slider_')[1].split('_')[0],
api  = eval('revapi' + ids);
api.on('revolution.slide.onchange', function(e, data) {
var data = 'Slider ' + ids + ' changed to slide #' + data.slideIndex;
gtag('event', 'click', { event_category: 'outbound', event_action: 'click', event_label: data});
});
});
});

全部完成享受；