如何使美化谷歌广告Adsense更贴合wordpress站点

谷歌广告(Adsense)有两种广告布局方式:自动广告和广告单元。自动广告是最为省心的方法,只需要将一段广告代码插入网站的头部head标签内,wordpress程序只需要将广告代码插入header.php文件内的head标签内,全站将会自动根据网站的内容,颜色,字体等填充满适合你网站的谷歌广告,效果很不错。
但是我认为自动广告有两个缺点:
1、广告位置自动放置,你无法按照个人喜好修改。虽然自动广告提供“高级网址设置”,但是修改空间有限。
2、自动广告相对容易失效。自己操作过程中会经常遇到广告不显示的问题,有的时候很难找到问题所在,比较麻烦。
广告单元分为:展示广告、信息流广告、文章内嵌广告和匹配内容。匹配内容并不是所有人都有出现的,需要达到一定条件自动出现。展示广告是不匹配网站的独立广告;信息流广告是用于衔接网站版块、结构等元素;文章内嵌就是用于大段文字内。如何使用这些广告呢?我的理解是:一些弹窗、飘底类置于网站内容上方的使用展示广告;在博客文章内使用文章内嵌广告;其他情况使用信息流广告。在下面的教程中你们能看到这些广告的展示。

如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站

在wordpress放置广告的地方有侧边栏,首页文章列表,分类内,文章内。

在文章列表放置广告

以本站(https://mebi.me)为例,本站首页大体为两栏结构:左边为文章列表栏,右边为小工具栏目,这也是wordpress常见的结构。我们可以以文章列表的形式将广告插入文章列表,能够将广告很好的嵌入博客中。

首先我们创建一个信息流广告,输入博客首页地址https://mebi.me,adsense会扫描网站的Feed,将广告制作成文章列表的形式。下图我们点击左边,右边会生成广告效果。

如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站

获取到广告代码后,我们在wordpress后台编辑主题,找到index.php首页文件,找到代码 在次代码上方放置如下代码:

current_post + 1) % 3 == 0) : ?>  
   
广告代码

第一段代码中的3为每3个文章列表插入一个广告,可以修改为想要的值。建议不要太小也不要太大,太小网站全是广告,太大网站没有几个广告。第二段代码中,“广告代码”替换为获取到的广告代码。<div>为标签,此标签也需要修改。修改方法:在页面按F12,在代码调试窗口点击这个图标:如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站,然后根据颜色在网页中找任意一个文章列表,移动箭头使颜色能够完全覆盖列表,此时代码窗口同样以颜色标注了一段代码,看此代码第一行为<article class=”excerpt”>,所以修改<div>标签为<article class=”excerpt”>,不要忘了标签是成对的,结尾</div>修改为</article>。

如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站

最后效果如下图,广告和博客很好的融合在一起。

如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站

分类页也是类似修改,从获取代码开始到修改代码,保存后效果如下:

如何使美化谷歌广告Adsense更贴合wordpress站点-懵比小站

文章内放置广告

大段文章也是插入广告的好地方,好的广告不仅不会妨碍阅读,而且能帮助阅读体验。这里选择创建文章内嵌广告,获取代码后来到wordpress后台主题编辑,找到函数模板文件functions.php,插入以下代码

add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads( $content ) {
	$ad_code = '
广告代码
'; if ( is_single() && ! is_admin() ) { // 下面一行数字5代表段落 return prefix_insert_after_paragraph( $ad_code, 5, $content ); } return $content; } function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) { $closing_p = '

'; $paragraphs = explode( $closing_p, $content ); foreach ($paragraphs as $index => $paragraph) { if ( trim( $paragraph ) ) { $paragraphs[$index] .= $closing_p; } if ( $paragraph_id == $index + 1 ) { $paragraphs[$index] .= $insertion; } } return implode( '', $paragraphs ); }

上面第三段“广告代码”替换为获取到的广告代码,<div>标签修改方法请看上面的:在文章列表放置广告。上面这段代码会在文章的第五段自动插入广告,可以修改自己想要的数字。如果你不想要固定段落,下面代码可以帮你实现在文章内随机段落插入广告。

add_filter( 'the_content', 'prefix_insert_post_ads' );
function prefix_insert_post_ads($content){
	$pattern = "/<p>.*?<\/p>/";
    $paragraph_count = preg_match_all($pattern,$content); //计算文章的段落数量
	if($paragraph_count >= 8 && is_single()){//如果文章的段落数量少于8段,则不会插入文章段落广告
	$paragraph_count -=2;
	$insert_paragraph=rand(3,$paragraph_count);
	$ad_code = '<div>你的广告代码</div>'; 
	return prefix_insert_after_paragraph( $ad_code, $insert_paragraph, $content );
	}
	return $content;
}
function prefix_insert_after_paragraph( $insertion, $paragraph_id, $content ) {
         $closing_p = '</p>';
	$paragraphs = explode( $closing_p, $content );
	foreach ($paragraphs as $index => $paragraph) {
		if ( trim( $paragraph ) ) {
			$paragraphs[$index] .= $closing_p;
		}
		if ( $paragraph_id == $index + 1 ) {
			$paragraphs[$index] .= $insertion;
		}
	}
	return implode( '', $paragraphs );
}
喜欢()
评论 (0)
热门搜索
homeagain
分享互联网最新资讯,分布各类教程:苹果cms、vps推荐、宝塔建站知识、edu邮箱、wordpress模板下载……只有你想不到,没有出不了的教程。
243 文章
192 评论
100 喜欢
Top