2019-04-19

Blogger 文章正文中任意位置加入Google AdSense 自适应广告

Blogger的模板虽然内置了Google AdSense广告位,通常是在边栏或者文章之间,但是曝光率远比不上插入在文章中的广告位。曝光率高就意味着会有更高的点击率,所以在Blogger文章正文中插入广告位也意味着可能带来更高的收入。

Blogger官方并不提供在文章正文中插入Google AdSense自适应广告位的小工具,所以只能通过修改模板代码实现。

步骤1: 代开Blogger后台,选择【主题背景】-【修改HTML】;


步骤2:在打开的HTML代码文本框中点击一个鼠标左键,然后按下查找的组合键【Ctrl + f】 (按着Ctrl再按一下f ) ,在出现的搜索框中输入<data:post.body/>并按下键盘【Enter 】;

步骤3:用如下代码替换<data:post.body/>代码,并在代码中「<!-- AdSense code 放在这里 -->」的位置,放入自己的Google AdSense广告代码。

<!-- 文章中任意位置安装广告位开始 -->
<!-- 原始的 <data:post.body/> -->
<div expr:id='&quot;adsmiddle1&quot; + data:post.id'/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='ads' style='width:100%; height:auto; margin:10px 0px 10px 0px; position:relative; text-align: center;'>
<!-- AdSense code 放在这里 -->
</div>
<div expr:id='&quot;adsmiddle2&quot; + data:post.id'>
<data:post.body/>
</div>
</b:if>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;adsmiddle1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;adsmiddle2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>
<!-- 文章中任意位置安装广告位结束 -->

步骤4:接着在HTML代码文本框内搜索代码「</body>」,在「</body>」的上方,添加下列AdSense的异步脚本js,就完成设定了。(如果你的范本中,已经存在adsbygoogle.js,则无需再次添加。)

<script async='async' src='//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'/>

操作完以后点击HTML代码文本框上方的【保存主题背景】按钮。

步骤5:在文章的任意位置插入广告!写文章时在某一个段落后想插入广告时,只要从「撰写」切换到「HTML」模式,并在该位置插入「<!-- adsense -->」代码,文章发布后,即可看到广告了。


注意:「<!-- adsense -->」在使用时,文章中只能摆放一个;另外,若在不使用「<!-- adsense -->」时,广告则会在文章标题下方显示。

此方法适用于 Blogger Contempo 模板。

没有评论:

发表评论

注意:只有此博客的成员才能发布评论。

恒大老板许家印的庄园豪宅、纸醉金迷

01. 前几天,我写过恒大理财暴雷事件背后的套路,链接在此:《 一个万亿商业帝国的自杀 》。解释了他们如何巧取豪夺,让无数掏空6个钱包买房的家庭、普通投资者、各个省市的施工方陷入困境……甚至还强迫自己的几万名员工购买理财。如今,维权者们上天无路、入地无门。 但是,高管们却早已把自...