Javascript 谷歌客户评论未显示在手机页面

Javascript 谷歌客户评论未显示在手机页面,javascript,modal-dialog,survey,review,customer,Javascript,Modal Dialog,Survey,Review,Customer,在我们的店铺内完成订单后,我们使用调查选择加入模块来显示google customer review调查模式。这是相同的smarty模板,具有我们用于打印opt-in模块脚本的相同数据。当我们查看最后一页HTML/JS源代码时,两个版本(桌面/移动)都有相同的代码和参数 在桌面上,测量模式加载了所有数据并完美显示。移动我们没有得到完整的内容显示在模态框和框保持隐藏 控制台中没有显示脚本错误。每样东西都有400个响应,没有问题。谷歌似乎遇到了问题 我们确实与谷歌客户支持部门取得了联系,但他们不知道

在我们的店铺内完成订单后,我们使用调查选择加入模块来显示google customer review调查模式。这是相同的smarty模板,具有我们用于打印opt-in模块脚本的相同数据。当我们查看最后一页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>

window.renderOptIn=setTimeout(函数(){
load('surveyoptin',function(){
window.gapi.surveyoptin.render(
{
“商户id”:“1234567”,
“订单id”:“104898746”,
“电子邮件”:me@office.de",
“交货国”:“DE”,
“预计交付日期”:“2018-01-04”,
“在样式中选择”:“居中对话框”
});
});
}, 3000);
为了更好地理解这里的代码,请访问手机上的survey 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>

也许你们中的任何人都知道该怎么做。选择加入模块脚本集成是完美的,在桌面上一切都像一个魔咒


非常感谢您的帮助!:)

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


对此有什么解决办法吗?