javascript - 谷歌客户评论未显示在移动页面上

Question

我们使用调查选择加入模块在我们店内完成订单后显示谷歌客户评论调查模式。它与我们用来打印选择加入模块脚本的相同数据具有相同的 smarty 模板。当我们查看最终页面 HTML/JS 源代码时，两个版本(桌面/移动)具有相同的代码和参数。

在桌面上，调查模式加载了所有数据并完美显示。在移动设备上，我们无法在模式框中显示完整的内容，并且该框保持隐藏状态。

控制台中没有显示脚本错误。一切都带有 400 响应，没有问题。谷歌似乎有问题。

我们确实联系了谷歌客户支持，但他们不知道问题出在哪里。他们提到移动设备的支持时间不长，所以他们对问题了解不多。而且他们不是开发人员，因此他们无法就技术问题提供任何支持。

这就是我们作为选择加入模块集成的内容:

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

<script>
    window.renderOptIn = setTimeout(function() {
        window.gapi.load('surveyoptin', function() {
            window.gapi.surveyoptin.render(
                {
                    "merchant_id": "1234567",
                    "order_id": "104898746",
                    "email": "me@office.de",
                    "delivery_country": "DE",
                    "estimated_delivery_date": "2018-01-04",
                    "opt_in_style": "CENTER_DIALOG"
                });
        });
    }, 3000);
</script>

为了更深入地了解移动设备上调查 iframe 中的代码。如您所见，遗漏了一些内容并且仍然隐藏:

    <iframe frameborder="0" src="javascript:undefined" style="border: 0px; left: 0px; position: absolute; top: 0px; vertical-align: bottom; z-index: 2147483647; display: none; opacity: 0;"></iframe>
<div style="background: rgb(255, 255, 255); display: none; left: 0px; position: absolute; top: 0px; z-index: 2147483647; opacity: 0.5;"></div>
<div role="dialog" style="background: rgb(255, 255, 255); border: 1px solid rgb(190, 190, 190); display: block; height: auto; overflow: visible; position: absolute; width: auto; z-index: 2147483647; box-shadow: rgba(0, 0, 0, 0.2) 0px 4px 16px; visibility: hidden; left: 173px; top: 400px;">
    <div style="width: 10px; height: 10px;">
        <iframe ng-non-bindable="" frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="" tabindex="0" vspace="0" width="100%" id="I0_1515071001783" name="I0_1515071001783" src="https://www.google.com/shopping/customerreviews/optin?usegapi=1&amp;merchant_id=100922932&amp;hl=de&amp;origin=http%3A%2F%2Fm.intra.bigtree.de%2Fcheckout%2Fcompleted.html%3Fid%3D104898746%26is%3Dok&amp;order_id=104898746&amp;usegapi=1&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.de.I7X0AzVouI4.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Frs%3DAGLTcCOE0nG8Zat0OwhsKEd_RMFwgVdQrA#id=I0_1515071001783&amp;_gfid=I0_1515071001783&amp;parent=http%3A%2F%2Fm.intra.bigtree.de&amp;pfname=&amp;rpctoken=31372899"></iframe>
    </div>
</div>

也许你们中的任何人都知道该怎么做。选择加入模块脚本集成是完美的，一切都在桌面上运行得很好。

非常感谢您的帮助! :)

Answer 1

目前，谷歌客户评论徽章不适用于移动设备和平板设备。可以在下面的链接中找到有关它的更多信息。

https://support.google.com/merchants/answer/9353531?hl=en&ref_topic=7105497