Question

我试图在我的网站中嵌入旅行顾问小工具。 Trip Advisor小部件的代码如下。

<div id="TA_selfserveprop546" class="TA_selfserveprop">
<ul id="VvhCFP8xz" class="TA_links JZ5CKDSmc">
<li id="SBEZiTat" class="eyClDs8JVUL">
<a target="_blank" href="https://www.tripadvisor.com/"><img src="https://www.tripadvisor.com/img/cdsi/img2/branding/150_logo-11900-2.png" alt="TripAdvisor"/></a>
</li>
</ul>
</div>
<script src="https://www.jscache.com/wejs?wtype=selfserveprop&amp;uniq=546&amp;locationId=12072630&amp;lang=en_US&amp;rating=true&amp;nreviews=5&amp;writereviewlink=true&amp;popIdx=true&amp;iswide=false&amp;border=true&amp;display_version=2"></script>

但它没有工作，因为它在chrome控制台窗口中显示以下错误。

通过document.write调用解析器阻塞，跨站点（即不同的eTLD + 1）脚本https://www.tripadvisor.com/WidgetEmbed-selfserveprop?border=true&popIdx=true&iswide=false&locationId=12072630&display_version=2&uniq=546&rating=true&lang=en_US&nreviews=5&writereviewlink=true。由于网络连接不良，浏览器可能会阻止此页面或将来的页面加载。如果在此页面加载时被阻止，则会在后续控制台消息中确认。有关详细信息，请参阅https://www.chromestatus.com/feature/5718547946799104。

我已经阅读了很多论坛，并尝试了一些选项，例如脚本标记中的async和defer。

Answer 1

试

<script src="https://www.tripadvisor.com/WidgetEmbed-selfserveprop?amp;locationId=12072630&amp;writereviewlink=true&amp;rating=true&amp;border=true&amp;uniq=546&amp;iswide=false&amp;popIdx=true&amp;lang=en_US&amp;nreviews=5&amp;display_version=2" defer></script>

而不是使用jscache

Answer 2

您是否正在使用Cloudflare Rocket Loader？我在网站上遇到了类似的问题，但是我可以通过让Rocket Loader忽略脚本来解决此问题：

https://support.cloudflare.com/hc/en-us/articles/200169436-How-can-I-have-Rocket-Loader-ignore-specific-JavaScripts-

我知道这个问题已经2岁多了，但我希望这对某人有帮助！

Trip Advisor Widget在我的网站中无效

2 个答案: