最近三叔的某个网页改成vue了,但是里面有谷歌广告代码,这就有点难搞了。因为vue里代码不好直接把代码贴到vue里,所以只能拆分谷歌代码了。

完整的谷歌广告代码如下:


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- sanshu右侧小方块 -->
<ins class="adsbygoogle"
	 style="display:block"
	 data-ad-client="ca-pub-2144314048024814"
	 data-ad-slot="8574354707"
	 data-ad-format="auto"
	 data-full-width-responsive="true"></ins>
<script>
	 (adsbygoogle = window.adsbygoogle || []).push({});
</script>


这段代码可以拆分成三块:

1. 引入adsense的脚本

2. 申明一个谷歌广告容器元素

3. 调用谷歌广告。


所以我们可以把

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
放到index.html的header里



<ins class="adsbygoogle"
	 style="display:block"
	 data-ad-client="ca-pub-2144314048024814"
	 data-ad-slot="8574354707"
	 data-ad-format="auto"
	 data-full-width-responsive="true"></ins>
放到vue里某个合适的位置

<script>
	 (adsbygoogle = window.adsbygoogle || []).push({});
</script>
放到index.html的页脚。
然后保存即可。

效果

和以前没啥区别,正常显示。

点赞(0) 打赏

Comment list 共有 0 条评论

评论功能已关闭

微信小程序

微信扫一扫体验

立即
投稿

微信公众账号

微信扫一扫加关注

发表
评论
返回
顶部
{__SCRIPT__}