javascript - 在 Woocommerce 订单接收页面中设置 Google 转化标记事件代码值

标签 javascript php wordpress woocommerce google-tag-manager

我正在尝试将 Google Adwords Conversion 标签安装到 Wordpress 中;特别是 Woocommerce。我们尝试过插件,但与其他项目发生冲突,因此我们现在尝试手动实现它。

我们在functions.php 文件中放置了以下“事件”标签:

add_action( 'woocommerce_thankyou',    'conversion_tracking_thank_you_page' );

function conversion_tracking_thank_you_page() {
?>
<!-- Event snippet for Transaction conversion page -->
<script>
 gtag('event', 'conversion', {
  'send_to': 'AW-######/######',
  'value': 1.0,
  'currency': 'USD',
  'transaction_id': '
 });
</script>
<?php
}

它提取正确,但是,所有交易默认为 1 美元。如果没有交易值(value),我们将其设置为恢复为 1 美元,但我们希望从 Woocommerce 中提取交易值(value)。我到处搜索,但找不到专门针对事件标记的正确代码,无法从 Woocommerce 中提取此值。

最佳答案

已更新

尝试以下操作(您必须设置正确的 'send_to' 替换 'AW-######/######'):

add_action( 'woocommerce_thankyou', 'conversion_tracking_thank_you_page', 95, 1 );
function conversion_tracking_thank_you_page( $order_id ) {
    if( ! $order_id )
        return;

    // Get the WC_Order instance Object
    $order = wc_get_order( $order_id ); 
    ?>
    <!-- Google Tag: Transaction conversion event -->
    <script>
    gtag('event', 'conversion', {
      'send_to'       : 'AW-######/######',
      'value'         : <?php echo $order->get_total(); ?>,
      'currency'      : '<?php echo $order->get_currency(); ?>',
      'transaction_id': <?php echo $order->get_transaction_id() ? $order->get_transaction_id() : $order_id; ?>
    });
    </script>
    <?php
}

代码位于事件子主题(或事件主题)的 function.php 文件中。测试输出...这次应该可以工作。


类似答案:

关于javascript - 在 Woocommerce 订单接收页面中设置 Google 转化标记事件代码值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52410870/

相关文章:

javascript - 为什么我的 Sails.js 应用程序有一条我从未添加过的路线

javascript - Angular ng-show 多个条件(不超过 3 个工作)

javascript - 在 php 表单提交 INSIDE 同一页面后显示消息

PHP MySQL。只希望类别名称在高级搜索功能的选择下拉选项中出现一次

MySQL 使用间接 where 语句更新多个表

javascript - DI 的正确 token 类型是什么

javascript - Onchange bootstrap datepicker更改另一个bootstrap datepicker的值

java - PHP 接收来自 Java 的 POST 请求

html - 溢出和滚动在 HTML 页面上无法正常工作

css - Wordpress - CSS 删除底部边框导航栏