如何在旋转滑块中添加转换跟踪代码 onclick 图像？答案

【问题标题】：How do i add conversion tracking code onclick image in revolution silider?如何在旋转滑块中添加转换跟踪代码 onclick 图像？
【发布时间】：2020-09-03 10:05:38
【问题描述】：

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

注意：我的动机是如何添加“ onClick="goog_report_conversion （'https://apps.apple.com/us/app/people-app/id1335211174'）“点击图片。

【问题讨论】：

标签： javascript html wordpress revolution-slider

【解决方案1】：

这有几个步骤。

为您的网站设置您的 Google Analytics（分析）帐户。
超链接您的幻灯片和/或图层。
将“ga-button”类添加到您的超链接中。

将以下脚本添加到滑块的自定义 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});

        });

    });

});

全部完成享受；

【讨论】：