如何在 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>

我需要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

如果您想将 JavaScript 目标转换代码添加到您的订单完成或谢谢页面，那么您必须使用woocommerce_thankyou挂钩。

这是代码：

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 文件中。
代码经过测试并有效。

参考：

• 官方文件

相关问题

• Woocommerce 在感谢页面上获取订单并传递数据 javascript 片段
• Woocommerce：检查成功购买是来自新客户还是回头客

希望这可以帮助！