首页 » 建站手册 » 如何完美的让谷歌广告适配你的网站

如何完美的让谷歌广告适配你的网站

谷歌已收录,更新于2019年07月23日; 如遇到问题,请留言及时通知站长; 欢迎加入 三生三世,讨论各种问题!

说明

今天,给各位带来站长动态页面调用的谷歌广告,主要说下我是如何实现,让谷歌广告看起来想自己发的动态那样。根据这篇文章,你就可以写出可以在首页、文章列表、文章内、评论区域、边栏等添加谷歌广告样式的方法。本文仅适用于绝大多数的Typecho主题,其他博客主题只能看个大概思路吧。

php代码

下面给出我动态页面主体中的谷歌广告代码主题,包括了动态列表的生成,以及判断第几条动态,如何插入广告,如何适配动态样式。

<ul class="twiter">
<?php $this->comments()->to($comments); ?>
<?php $counter = 0; ?>
<?php while ($comments->next()): ?>
<?php $counter++; ?>
<?php if ($counter == 3): ?>
<li class="twiter_list"> 
<section class="comments">
        <article class="comment"> 
                <a class="comment-img" href="#non"> <img src="https://black1ce.com/img/googlead.jpg" width="50" height="50"> </a>
         <div class="comment-body">
              <div class="text"> 
第一段广告
            <p class="twiter_info"><span class="twiter_author"><i class="icon-user"></i> 谷歌</span>
            <time class="twiter_time"><i class="icon-clock"></i> 刚刚</time></p>
            </div>
            </div>
            </article>
            </section>
</li>
<?php elseif ($counter == 6): ?>
<li class="twiter_list"> 
        <section class="comments">
        <article class="comment"> 
                <a class="comment-img" href="#non"> <img src="https://black1ce.com/img/googlead.jpg" width="50" height="50"> </a>

         <div class="comment-body">
              <div class="text"> 
第二段广告
            <p class="twiter_info"><span class="twiter_author"><i class="icon-user"></i> 谷歌</span>
            <time class="twiter_time"><i class="icon-clock"></i> 刚刚</time></p>

            </div>
            </div>
            </article>
            </section>
</li>
<?php elseif ($counter == 9): ?>
<li class="twiter_list"> 
        <section class="comments">
        <article class="comment"> 
                <a class="comment-img" href="#non"> <img src="https://black1ce.com/img/googlead.jpg" width="50" height="50"> </a>

         <div class="comment-body">
              <div class="text"> 
第三段广告
           <p class="twiter_info"> <span class="twiter_author"><i class="icon-user"></i> 谷歌</span>
            <time class="twiter_time"><i class="icon-clock"></i> 刚刚</time></p>

            </div>
            </div>
            </article>
            </section>
</li>
        <?php else: ?>
        <?php endif; ?>
            <li class="twiter_list"> 
        <section class="comments">
        <article class="comment"> 
        <a class="comment-img" href="#non"> <img src="<?php $this->options->blogme(); ?>" width="50" height="50"> </a>
         <div class="comment-body">
              <div class="text"> 
            <p><?php $comments->content(); ?></p> 
            <p class="twiter_info"><span class="twiter_author"><i class="icon-user"></i> <?php $this->author->screenName(); ?></span>
            <time class="twiter_time"><i class="icon-clock"></i> <?php $comments->date('Y.m.d G:i'); ?></time></p>
            </div>
            </div>
            </article>
            </section>
        </li>
        <?php
endwhile; ?>
        <?php
endif; ?>
    </ul>

代码讲解

首先,你可以点击查看本站写的动态页面实现教程,然后你会发现,我打断了动态列表输出,用一个判断,在指定第几条动态处插入了广告。

动态页面展示

我们将<?php while($comments->next()): ?>替换为如下代码,即可在第二条动态后,即第三条变成广告。

<?php while($this->next()): ?>
<?php $counter++; ?>
<?php if($counter==3) :?>
/**
广告代码
 */
<?php else: ?>
<?php endif; ?>

同样的,我们再打断动态列表输出,即可分别在第二条动态后,第五条动态后,第八条动态后,分别插入广告。

<?php while($this->next()): ?>
<?php $counter++; ?>
<?php if($counter==3) :?>
/**
广告代码一
 */
<?php elseif ($counter == 6): ?>
/**
广告代码二
 */
<?php elseif ($counter == 9): ?>
/**
广告代码二
 */
<?php else: ?>
<?php endif; ?>

然后,我们仔细查看本文中第一段代码的第712行,第2237行,第3954行以及第5770行,会发现,插入的广告我们做了包装,包装方式与动态输出方式一致,即统一使用一套li标签、section标签、article标签、a标签、img标签、三个div标签(comment-bodytexttwiter_info)以及time标签。

后续说明

支付宝支付
价格: 1.00 元
温馨提示:免登录付款后3天内可重复阅读隐藏内容,登录用户付款后可永久阅读隐藏的内容。 付费可读

一个只会魔改主题,而不会制作主题的站长,专业扒各种网站的各种样式。希望每一位来到这里的访客,都能拿到你们需要的资源!

发表评论

已有 4 条评论

  1. arobveqiz arobveqiz说道:

    [url=http://mewkid.net/where-is-xena/]Amoxicillin No Prescription[/url] Amoxicillin iso.kjhy.black1ce.com.hes.bw http://mewkid.net/where-is-xena/

  2. azoriwaiogolo azoriwaiogolo说道:

    [url=http://mewkid.net/where-is-xena/]Amoxicillin 500 Mg Dosage[/url] Amoxil Dose For 55 Pounds hjk.gnjv.black1ce.com.nrj.ai http://mewkid.net/where-is-xena/

  3. 七越 七越说道:

    糟老头 花里胡哨的 (╯‵□′)╯︵┴─┴

    1. 枂下 枂下说道:

      你个糟老头子,好久不出来看我了

最近动态查看

    利用短代码实现了文章正文任意位置插入[googleads],前端自动变为谷歌广告。这样,文章过长时,可以随意插入广告了。
返回主页看更多
赏杯咖啡给站长 支付宝 扫一扫