今天刚刚接入奇安信网站卫士,想试试能不能正常打开。然后被明月登楼博主提醒我那个广告被拦截的提示弹窗不好,可能会被搜索引擎惩罚,于是我就决定对这个问题进行优化。其实handsome主题本身就做了许多样式还不错的弹窗,于是就可以直接拿来用。

接入奇安信

明月登陆大佬的提醒

弹窗会使网站被惩罚吗?

单从用户体验角度来说,弹窗确实会让人不爽,尤其是过多的弹窗会让人恶心。在2013年,百度确实推出了石榴算法来惩罚弹窗广告。

弹窗这个东西可能会为你带来一点点流量或者利益,但是对搜索引擎优化是完全没用的。不仅如此,过分的弹窗,搜索引擎可能予以惩罚,之前百度的石榴算法已经讲过。适当的弹窗可以,但是太多不仅不利于优化,用户也很反感这种形式的广告。

百度推出来的弹窗算法

也就是说,适量的弹窗其实影响不大,但是尽量减少弹窗。

之前,我在前面的一篇文章中介绍一个js方法,如果发现没有加载广告代码,就会出来一个弹窗来提示浏览者将本站加到广告拦截插件的白名单里面。

但是这个弹窗属于不怎么美观,啥也不显示,直接就是一个大大的弹窗。

弹窗的效果

优化后的弹窗

虽然说这个弹窗也不至于对网站的SEO产生太大影响,但是确实有点拉垮了。于是我就在想办法做个美观点的弹窗。

在文章调用handsome主题自带的弹窗提示中对handsome的自带弹窗做了较为详细的描述。

这里,我就不再赘述了。

前面都是一样,具体地请看之前的文章通用的检测到广告屏蔽插件进行弹窗提示实现方法。例如在自定义输出head 头部的HTML代码中加入:

<script src="https://xxxxxxx/themes/adview_pic_cpc_cpm_cpa_guanggao_gg_ads_300x250.js" type="text/javascript"></script>,src需要改成自己的位置。

前面文章的执行

需要将那个alert的代码删掉,在自定义 JavaScript中写入新的代码:

$(function () {
if (typeof(killads)=='undefined')
{$.message({
    message: "可怜一下孩子,本站微量广告不会影响您的浏览体验,建议您添加本站为白名单即可 ,打赏博主会让我更加开心啦~",
    title: "检测到您使用了广告屏蔽插件",
    type: "info",
    autoHide: !1,
    time: "6000"
})}
})

下面是我的代码示例,记得搞成自己的,因为我的都设置了防盗链,没法给你用。

写入的代码示例

然后最终的效果就是这个弹窗显示6秒,具体实现可以设置上面的time数值:

弹窗

絮絮叨叨

这又是一个学习的经历,因为我根本就没有学过js和php之类的编程技术。

上面那个js我为什么搞出来了?因为我直接抄的handsome作者的源码:

感觉别人的代码进行仿照

一切创新都是先从模仿开始的。


博主个人公众号
版权声明 ▶ 本网站名称:陶小桃Blog
▶ 本文链接:https://www.52txr.cn/2022/adPopUp.html
▶ 本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长进行核实删除。
▶ 转载本站文章需要遵守:商业转载请联系站长,非商业转载请注明出处!!

最后修改:2022 年 08 月 05 日
如果觉得我的文章对你有用,请随意赞赏