如何在Revolution Silider中添加转化跟踪代码onclick图片？

如何解决如何在Revolution Silider中添加转化跟踪代码onclick图片？

我将在WordPress网站的Revolution滑块中添加以下代码，方法是添加到“ HTML /文本”层。输出显示内部内容，但不显示用户界面。 保存在NoScript标记中转换的代码之后。

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

解决方法

这要走几步。

为您的网站设置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',event_label: data});

        });

    });

});

全部完成享受；