• ssr公益小站已迁至:https://good.mebi.me
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏懵比下站吧

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

建站知识 homeagain 2周前 (08-05) 43次浏览 未收录 0个评论

谷歌广告(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首页文件,找到代码 在次代码上方放置如下代码:

<?php if (($wp_query->current_post + 1) % 3 == 0) : ?>  
   <div>广告代码</div>
<?php endif;  ?>

第一段代码中的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 = '<div>广告代码</div>';
	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 = '</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); //计算<b>文章</b>的段落数量
	if($paragraph_count >= 8 && is_single()){//如果<b>文章</b>的段落数量少于8段,则不会插入<b>文章</b>段落<b>广告</b>
	$paragraph_count -=2;
	$insert_paragraph=rand(3,$paragraph_count);
	$ad_code = '<div>你的<b>广告</b>代码</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 );
}

懵比小站, 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:如何使美化谷歌广告Adsense更贴合wordpress站点
喜欢 (0)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址