使用 javascript 事件跟踪创建短代码以插入 CTA 按钮

Posted 2023-02-19

【中文标题】使用 javascript 事件跟踪创建短代码以插入 CTA 按钮

【英文标题】：Create shortcode to insert CTA button with with javascript event tracking

【发布时间】：2021-08-07 04:16:10

【问题描述】：

我希望短代码插入一个显示“请求报价”的 CTA 按钮，但还希望它包含带有当前页面标题的 onClick 事件跟踪代码。

这段代码破坏了WordPress（我认为这是单引号和双引号的问题）

function my_cta() 
    $title = echo get_the_title();
    return '<div class="mycalltoaction"><a class="button" href="/contact-us/" onClick="_gaq.push(['_trackEvent', 'QuoteRequest', 'Click', '$title']);">Request a Quote <strong>TODAY</strong></a></div>';

add_shortcode('cta', 'my_cta');

我做错了什么？

【参考方案1】：

您的某些代码出现语法错误。我已经修好了。

<?php
function my_cta() 
    return `<div class="mycalltoaction"><a class="button" href="/contact-us/" onClick="_gaq.push(['_trackEvent', 'QuoteRequest', 'Click', '`.get_the_title().`']);">Request a Quote <strong>TODAY</strong></a></div>`;

add_shortcode('cta', 'my_cta');

在 $title = echo get_the_title();上，您不应将 echo 分配给变量。 您在未关闭字符串的情况下将字符串与变量组合在一起。 (['_trackEvent', 'QuoteRequest', 'Click', '$title']);

【讨论】：

是 .get_the_title() 周围的那些反勾号。以及整个 return 语句？

它不工作。当我在页面 [cta] 上添加简码时，前端没有任何反应。我没有看到简码，也没有向 html 添加任何内容。它似乎被忽略了。

如果我删除该功能，那么 [cta] 会在前端显示为文本。