如何在 WooCommerce Order Complete 页面插入 Google Merchant Review JS 代码

Question

我想完成 Google 商家审核代码要求在结帐页面上完成的变量：

<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>

我需要echo以下变量：

ORDER_ID：WooCommerce订单ID的ID号

CUSTOMER_EMAIL: 订单客户信息部分列出的邮箱

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

ESTIMATED_DELIVERY_DATE：我已经有一个函数可以用来计算发货日期，所以我想我可以在这里使用那个 php 函数。

总而言之，我需要帮助弄清楚如何在结帐页面中回显 ORDER_ID 和 CUSTOMER_EMAIL，具体是在所述脚本内部。我有点不知道该怎么做，因为我所做的一切都带来了灾难性的结果

非常感谢您的阅读！

TL;DR: 如何在 WooCommerce 的付款后结帐页面中到达 echo ORDER_ID 和 CUSTOMER_EMAIL？

Answer 1

If you want to add a JavaScript goal conversions code to your Order complete or Thankyou page then you have to use woocommerce_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 Order Complete 页面插入 Google Merchant Review JS 代码

How to insert Google Merchant Review JS code in WooCommerce Order Complete page

javascript

php

wordpress

woocommerce

hook-woocommerce