让百度联盟广告异步加载并支持pajx

浩瀚博客

发布于 2022-03-23 15:17:37

7650

发布于 2022-03-23 15:17:37

文章被收录于专栏：浩瀚博客

国内的百度联盟广告相比谷歌广告js抽风还是好很多，这几天通过各种搜索折腾终于把百度广告支持pjax了，外附handsome添加广告的小技巧。

前言

由于最近谷歌广告要PIN码验证，而疫情原因PIN码迟迟未到，加上被刷流氓关键词谷歌检测到作弊限制广告使用，不得不使用百度联盟广告了。

添加广告

广告位的代码

<div id="aside_1"></div>
<div id="aside_1"></div>

以下代码添加至自定义js中

$(function(){
    setTimeout(function(){
        $.getScript("//cbjs.baidu.com/js/m.js", function() {
            BAIDU_CLB_fillSlotAsync("广告ID","aside_1");
            BAIDU_CLB_fillSlotAsync("广告ID","aside_2");
        });
    },1000)
})

能添加不同的广告ID。

主题广告位

效果本站可见，文章尾部，与右侧边栏handsome主题自带广告位，就不多说了。以下自定义只适用于handsome主题

1.主页文章广告 找到主题目录，找到主题路径 libs/Content.php

搜索 $index++;在第一个 $index++;后添加

if($index%5 == 0)
            {
                echo '<div class="single-post panel"><div class="post-meta wrapper-lg"><div id="aside_1"></div></div></div>';
            }

输出文章数目是5的倍数时输出一次广告位，更改次数改数字5即可。（多次输出时不显示有待优化）

位置

2.文章顶部广告 在主题根目录找到post.php搜索BreadcrumbNavigation在这一行后添加

<div id="aside_2"></div>

最好注释以下避免下次找不到

位置

3.支持pjax

在后台pjax回调函数中加入

BAIDU_CLB_fillSlotAsync("广告ID","aside_1");
BAIDU_CLB_fillSlotAsync("广告ID","aside_2");

好了，还有啥好用优雅添加广告的方式也请分享给我哦！

正文到此结束

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2020 年 12 月，如有侵权请联系 cloudcommunity@tencent.com 删除

网站

腾讯云开发者社区

php

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

网站

腾讯云开发者社区

php

登录后参与评论

0 条评论

热度