Blogger 中的 Adsense 自适应广告单元错误

Question

我在 Blogger 中遇到 adsense 响应式广告的问题
我遵循了 AdSense 帮助
的说明我使用此代码仅在桌面视图上显示广告：

<style>
@media(min-width: 961px) { .ad-test1 { width: 100%; height: 90px; } }
‎</style>‎
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ad-test1 -->
<ins class="adsbygoogle ad-test1"
     style="display:inline-block"
     data-ad-client="ca-pub-ZZZZZ"
     data-ad-slot="XXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
<‎/script>

这是来自 Adsense 帮助的原始代码：

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
‎</style>‎
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXX11XXX9"
     data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
<‎/script>

https://support.google.com/adsense/answer/6307124?hl=iw
问题是，出于某种原因，当我嵌入代码时，在我保存并重新检查代码后，它会乘以代码末尾的扩展名
在我保存并重新检查后，它把 </script> 的结尾加倍到 </script>‎‎</script>‎。
例如，这是我保存并重新检查后显示代码的方式：

<style>
@media(min-width: 961px) { .ad-test1 { width: 100%; height: 90px; } }
‎</style>‎
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- ad-test1 -->
<ins class="adsbygoogle ad-test1"
     style="display:inline-block"
     data-ad-client="ca-pub-ZZZZZ"
     data-ad-slot="XXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
<‎/script><‎/script>

为什么会这样？

Answer 1

问题是隐藏的 Unicode 字符 &lrm; 存在于 AdSense 帮助页面的希伯来语版本示例代码末尾的结束脚本标记中。这会导致 Blogger 的 HTML 解析器假定 script 标记未关闭，并从其自身末端添加一个关闭脚本标记。

要解决此问题，请使用以下代码 -

<style>
.example_responsive_1 { width: 320px; height: 100px; }
@media(min-width: 500px) { .example_responsive_1 { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example_responsive_1 { width: 728px; height: 90px; } }
‎</style>‎
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"> 
</script>
<!-- example_responsive_1 -->
<ins class="adsbygoogle example_responsive_1"
 style="display:inline-block"
 data-ad-client="ca-pub-XXXXXXX11XXX9"
 data-ad-slot="8XXXXX1"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

或者从英文版的 AdSense 帮助页面获取示例代码 - https://support.google.com/adsense/answer/6307124?hl=en

Blogger 中的 Adsense 自适应广告单元错误

Adsense responsive ad unit bug in Blogger

blogger

adsense