zblog首页或分类添加谷歌信息流广告代码,zblog添加谷歌信息流广告方法
之前一直在研究如何在zblog里面添加谷歌广告的信息流广告。如下图这样,可以在首页或者分类文章列表里面添加广告广告,可以很好的融入网站,不会非常突兀。
信息流广告的优势
下面列举了使用信息流广告可以获得的一些优势:
更好的用户体验:信息流广告可为您的访问者提供更好的用户体验。它们在用户使用流程中自然出现,与您网站的外观和风格融为一体。
通过新的广告空间获利:信息流广告让您可以将广告放置在新的位置(即信息流中),因而提供了进一步通过网页创收的机会。
移动设备的理想选择:信息流广告非常适合移动设备,可帮助您更好地通过移动设备上的较小屏幕空间创收。
zblog分类文章调用代码
首先要了解zblog分类列表是如何调用文章。
它在文章列表调用时使用了一段 foreach的逻辑判断,调出了两种不同模板:post-muli.php和post-istop.php。我们先回来看看index.php文章中那段代码:
{foreach $articles as $article}
{if $article.IsTop}
{template:post-istop}
{else}
{template:post-multi}
{/if}{/foreach}
逻辑很简单,当文章列表里面有内容的时候调出。如果文章置顶了,那么就使用post-istop.php的模板,否则就使用普通的post-multi.php模板。
post-multi.php模板
如果文章列表(index)是一个书架,那么post-multi就是一本本的书。虽然他们有着不同的名字、作者、出版时间和中心内容等,但他们都有这些元素。我们要为每本书制作一个标签,但做到最后我们会发现其实他们的格式是相似的。
post-multi就是一个格式模板,它将文章的名字、作者、发布时间等内容提取出来组合成一个小窗口(div)。然后再按1、2、3、4的顺序展示出来。我们在文章列表页面看到的那么多相似的格式就是通过multi模板和foreach循环来做的:
明白了这个道理我们来看看代码吧:
<div>
<p>{$article.Time('Y年m月d日')}<p>
<p><a href="{$article.Url}">{$article.Title}</a><p>
<p>{$article.Intro}</p>
<p>
作者:{$article.Author.StaticName}
分类:{$article.Category.Name}
浏览:{$article.ViewNums}
评论:{$article.CommNums} </p></div>
这里我们只做了一个简单的div输出,将一些我们可以调用的东西按顺序输出出来而已:
{$article.Time('Y年m月d日')}:输出了文章的时间,例如2016年3月6日;
{$article.Url}:文章的URL;
{$article.Title}:文章的标题;
{$article.Intro}:文章的摘要;
{$article.Author.StaticName}:文章的作者,有别名用别名;
{$article.Category.Name}:文章归属的分类;
{$article.ViewNums}:文章浏览次数;
{$article.CommNums}:文章评论数。
post-istop.php模板
有时候,我们为了凸显“置顶"的文章会使用不同的模板,post-istop.php模板就是做这个用的。它的格式和编写方式基本和post-multi一致,输出东西和顺序上大家自行调整下即可。
zblog分类文章调用谷歌信息流广告代码
知道了这些就可以通过if判断在文章列表里面添加广告了
{foreach $articles as $key=>$article}
{if $key=='2'} //这里是判断如果是第二篇文章就调用下面代码。
<!-- 谷歌信息流广告 -->
{else}
{if $article.IsTop}
{template:post-istop}
{else}
{template:post-multi}
{/if}
{/if}
{/foreach}
这段代码可以用着非常多的地方,以下是信息流的一些示例。
首页上的主信息流(例如,新闻信息流)
产品或服务结果页上的主信息流
网页上的横向信息流
纯文字信息流
或许您的网站在移动设备与桌面设备上分别采用不同的信息流,例如桌面设备上的网格版式在移动设备上查看时就会变成信息流形式。在这种情况下,您可以为不同的屏幕尺寸分别制作不同的信息流广告。
点击链接加入群聊四群:722808830
点击链接加入群聊三群:751529538(已满)
点击链接加入群聊二群:376877156(已满)
点击链接加入群聊一群:622891808(已满)
饿了么红包
本站附件分享,如果附件失效,可以去找找看