尝试将Google广告onClick添加到WordPress和Divi按钮和标题链接

时间:2019-04-09 作者:Wesley Phibbs

我正在尝试将下面wordpress中的代码添加到按钮(Divi主题,使用Divi builder)以及顶部的菜单项之一。

似乎我需要使用一些jquery,这是我无法理解的。

任何帮助都会震撼!https://canadasautoloan.ca

谷歌广告事件跟踪,我已经完成了所有其余的工作,我可以将其添加到普通链接中,但不能添加我无法编辑的按钮和菜单。

将onclick属性直接添加到要跟踪的按钮或链接的代码中。您使用的代码将取决于链接或按钮在站点上的显示方式:作为文本链接、按钮或按钮图像。

将代码添加到文本链接:在下面的代码中,替换“http://example.com/your-link“使用您网站的URL或电话链接,并替换为”立即下载!“使用链接文本。

<a onclick="return gtag_report_conversion(\'http://example.com/your-link\');" href="http://example.com/your-link">Download now!</a>
将代码添加到按钮:此代码显示如何使用标记将单击跟踪功能添加到按钮。替换\'http://example.com/your-link\' 您的网站的URL。

<button onclick="return gtag_report_conversion(\'http://example.com/your-link\')">Submit</button>
将代码添加到按钮图像中:在下面的代码中,将“download\\u button.gif”替换为按钮图像,将宽度和高度替换为图像的参数,然后替换“http://example.com/your-link“使用链接的URL。

<img src="download_button.gif" alt="Download Whitepaper" width="32" height="32" onclick="return gtag_report_conversion(\'http://example.com/your-link\')" />
*编辑并回答:

Divi团队给了我一些代码,我把这些代码放在了标题中,似乎已经完成了。以下是代码,以防它对其他人有所帮助:请转到您的WordPress仪表板>Divi>主题选项>集成>将代码添加到<;浏览>并添加以下内容:

<script type="text/javascript">
jQuery(document).ready(function() {
jQuery(\'.get-started a\').attr("onclick", "return gtag_report_conversion(\'https://canadasautoloan.ca/auto-loan-application-form/\');");
jQuery(\'a.et_pb_button[href="https://canadasautoloan.ca/auto-loan-application-form/?choose_vehicle=Ask"]\').attr("onclick", "return gtag_report_conversion(\'https://canadasautoloan.ca/auto-loan-application-form/?choose_vehicle=Ask\');");
});
</script>

1 个回复
最合适的回答,由SO网友:Vishwa 整理而成

正如您在评论中提到的,如果您能够向元素添加ID值,或者您可以尝试使用css选择器。选择最适合你的。然后执行以下操作。。

在自定义js文件中,添加以下内容,

(如果您没有自己的自定义js文件,可以添加一个,将以下内容附加到主题的functions.php文件中)

function add_custom_scripts() {
wp_enqueue_script( \'my-custom-script\', get_template_directory_uri() . \'/js/mycustom.js\', array(), \'1.0.0\', true );
}
add_action( \'wp_enqueue_scripts\', \'add_custom_scripts\' );
在js文件中,

jQuery(document).ready(function() {

var gButton = jQuery("#your-element-id");
var url = "http://example.com/your-link";

gButton.on("click", function(){ gtag_report_conversion(url); });

});
在其中添加要跟踪的每个元素,并调用gtag_report_conversion(url) 正如我提到的。仅此而已。

我假设您已经设置了必要的步骤,在必要的页面上安装了全局站点标记和事件片段代码。

相关推荐

如何使用中继器JQuery保存多个自定义用户配置文件字段

我正在尝试创建多个自定义用户配置文件字段,以允许我们的用户在其配置文件页面中添加更多软件技能。我面临的问题是,它总是只为“skills\" 和一个元数据\"skills_percent\" 即使我添加了更多的输入!当我添加更多字段时,应该如何保存所有字段?以及如何在前端显示它们!这就是我所做的。<table class=\"skills-table\"> <tr> <th><label for=\"skills\">&