如何在 woocommerce“谢谢”页面中添加跟踪代码

Question

我正在使用Woocommerce，它是最新的。

我一直在寻找有关我的问题的答案。我发现了很多关于它的帖子，但它们似乎并没有帮助我找出解决方案。

找到this website，它描述了如何挂钩转换代码。

我尝试了很多 sn-ps，但代码没有触发。

基本上，我需要将iframe 代码添加到我的转化页中。 该页面由模板<b>thankyou.php</b>创建

我通过钩子向 function.php 添加了一些代码，但 iframe 没有显示在转换页面中。

为了测试代码，我一直在“检查元素”中检查网络选项卡。它不会触发，我什至在页面中都找不到代码。

这是iframe 代码：

[iframe src="https://lb.affilae.com/?key=59f3463ce8faceb82f8b4571-
59f345fedca96b441b37b6ce&id={UNIQUE_ID}&amount={AMOUNT}&payment=
{PAYMENT}&cv={CUSTOM_VAR}" frameborder="0" width="1" height="1"]

这是一个 wordpress 简码，是它显示在页面上的唯一方式。

这是我一直在使用的钩子：

add_action( 'woocommerce_thankyou', 'bbloomer_add_content_thankyou' );

function bbloomer_add_content_thankyou() {
echo 'my iframe conversion code';
}

您知道如何解决这个问题吗？ 如果需要，我可以提供更多信息。

编辑：

我找到了解决办法！

主要问题在于我没有指定唯一 ID 和金额。

这是解决所有问题的代码：

add_action( 'woocommerce_thankyou', 'my_custom_tracking' );
function my_custom_tracking( $order_id ) {   
$order = new WC_Order( $order_id );   
$total = $order->get_subtotal();   
$id = str_replace('#', '', $order->get_order_number());   
echo '<iframe src="https://lb.affilae.com/?[replace with the right code]&id=' . $id . '&amount=' . $total . 
'&payment=online&cv={CUSTOM_VAR}" frameborder="0" width="1" height="1">
</iframe>'; 
}

我将这段代码粘贴在 function.php 文件的顶部（之后

Answer 1

更新 - 你应该试试这个：

add_action( 'woocommerce_thankyou', 'add_custom_content_to_thankyou', 10, 1 );
function add_custom_content_to_thankyou( $order_id ) {

    // The dynamic link in your iFrame
    $src = "https://lb.affilae.com/?key=59f3463ce8faceb82f8b4571-
59f345fedca96b441b37b6ce&id={UNIQUE_ID}&amount={AMOUNT}&payment=
{PAYMENT}&cv={CUSTOM_VAR}"

    echo '<p>Tracking code:<p>'; // Just for testing

    echo do_shortcode("[iframe src=$src]");

}

代码进入您的活动子主题（或活动主题）的 function.php 文件或任何插件文件中。

它会在收到订单页面末尾的客户详细信息之后输出您的代码……

相关：WooCommerce Thankyou tracking code installation placement