javascript - 如何在 WooCommerce 订单完成页面中插入 Google Merchant Review JS 代码

Question

我想要完成 Google Merchant Review 代码要求在结帐页面上完成的变量:

<script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>

<script>
  window.renderOptIn = function() {
    window.gapi.load('surveyoptin', function() {
      window.gapi.surveyoptin.render(
        {
          "merchant_id": mymerchantid,
          "order_id": "ORDER_ID",
          "email": "CUSTOMER_EMAIL",
          "delivery_country": "COUNTRY_CODE",
          "estimated_delivery_date": "YYYY-MM-DD"
        });
    });
  }
</script>

我需要回显以下变量:

ORDER_ID:WooCommerce 订单 ID 的 ID 号

CUSTOMER_EMAIL:订单的客户信息部分中列出的电子邮件

DELIVERY_COUNTRY:我想我可以用 ES 填充它，因为我只在西类牙销售

ESTIMATED_DELIVERY_DATE:我已经有一个用于计算发货日期的函数，所以我想我可以在这里使用该 php 函数。

总之，我需要帮助弄清楚如何在结帐页面中回显 ORDER_ID 和 CUSTOMER_EMAIL，具体来说是在所述脚本内部。我对如何做到这一点一无所知，因为我所做的一切都带来了灾难性的结果

非常感谢您的阅读!

TL;DR:如何在付款结账时回显 ORDER_ID 和 CUSTOMER_EMAIL WooCommerce 页面？

Answer 1

If you want to add a JavaScript goal conversions code to your Ordercomplete or Thankyou page then you have to usewoocommerce_thankyou hook.

这是代码:

function wh_CustomReadOrder($order_id) {
    //getting order object
    $order = wc_get_order($order_id);
    $email = $order->billing_email;
    ?>
    <script src="https://apis.google.com/js/platform.js?onload=renderOptIn" async defer></script>
    <script>
        window.renderOptIn = function () {
            window.gapi.load('surveyoptin', function () {
                window.gapi.surveyoptin.render(
                        {
                            "merchant_id": mymerchantid,
                            "order_id": "<?php echo $order_id; ?>",
                            "email": "<?php echo $email; ?>",
                            "delivery_country": "COUNTRY_CODE",
                            "estimated_delivery_date": "YYYY-MM-DD"
                        }
                );
            });
        };
    </script>
    <?php
}

add_action('woocommerce_thankyou', 'wh_CustomReadOrder');

代码位于事件子主题(或主题)的 functions.php 文件中。或者也可以在任何插件 PHP 文件中。
代码经过测试并且可以工作。

引用:

• Official Doc

相关问题

• Woocommerce Get Orders on Thank you page and pass data javascript snippet
• Woocommerce: Checking if successful purchase was from a new or returning customer

希望这有帮助!