首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >试图添加谷歌广告点击到wordpress和Divi按钮和标题链接

试图添加谷歌广告点击到wordpress和Divi按钮和标题链接
EN

WordPress Development用户
提问于 2019-04-09 03:20:57
回答 1查看 3.1K关注 0票数 0

我试图将下面wordpress中的这段代码添加到一个按钮(Divi主题,使用Divi )以及顶部菜单项中。

似乎我需要使用一些jquery,这超出了我的能力。

任何帮助都会动摇!https://canadasautoloan.ca

谷歌广告事件跟踪,我做了所有剩下的,我可以添加到正常的链接,但不是按钮和菜单,我不能编辑。

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

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

代码语言:javascript
运行
复制
<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”替换为网站的网址。

代码语言:javascript
运行
复制
<button onclick="return gtag_report_conversion('http://example.com/your-link')">Submit</button>

将代码添加到按钮图像:在下面的代码中,将"download_button.gif“替换为按钮图像,将宽度和高度替换为图像的参数,并将"http://example.com/your-link”替换为链接的URL。

代码语言:javascript
运行
复制
<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 >主题选项> Integration >将代码添加到博客的< head >中,并添加以下内容:

代码语言:javascript
运行
复制
<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>
EN

回答 1

WordPress Development用户

回答已采纳

发布于 2019-04-11 03:42:19

正如您在注释中提到的,如果您能够向元素添加ID值(S),或者可以尝试使用css选择器。选择对你最好的。然后按以下步骤..。

在您的定制js文件中,添加以下内容

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

代码语言:javascript
运行
复制
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文件里,

代码语言:javascript
运行
复制
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)。就这样。

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

票数 0
EN
页面原文内容由WordPress Development提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://wordpress.stackexchange.com/questions/333839

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档