Loading
0

博客和网站的广告上标注“广告”二字的简单做法教程

公众号搜索菜鸟站长之家

前言:

博客或者网站一般都会投放一些广告,虽然大部分都是图片广告,但是也有可能会涉嫌违规,因为根据国家工商行政管理总局公布的《互联网广告管理暂行办法》第七条规定:互联网广告应当具有可识别性,显着标明“广告”使消费者能够辨明其为广告。同时也明确:对于违反本办法第七条规定,不具有可识别性的,依照广告法第五十九条第三款的规定予以处罚,即:工商部门可对广告发布者处十万元以下罚款

博客和网站的广告上标注“广告”二字的简单做法教程-菜鸟站长之家
所以,为了安全起见,建议大家都在自己博客或者网站广告上添加“广告”二字会比较稳妥。经过一番折腾,发现给我们的互联网广告标注“广告”二字的做法还是很简单的,只需要一张有『广告』二字的小图片,加上一小行代码即可。(未备案的另当别论)

将以下代码放在我们显示广告的地方即可,比如主题选项中的广告位,或者是侧边栏的文本框中都适用。

使用说明

1、广告代码位置就是我们的图片广告代码,我们在使用的时候只需要更新广告代码即可。如下图所选择的代码就是本站首页侧边栏的广告代码:

<a class="ads" href="https://curl.qcloud.com/yyHKQSWk" target="腾讯云服务器">
  <h4>腾讯云服务器限时优惠进行中</h4>
  <h5>1H2G只要60/一年  2H4G8M只要74/一年</h5>
  <span class="ads-btn ads-btn-outline">前往</span></a>
<style>
.ads {
    display:block;
    padding:40px 15px;
    text-align:center;
    color:#fff!important;
    background:#ff5719;
    background-image:-webkit-linear-gradient(135deg,#bbafe7,#5368d9);
    background-image:linear-gradient(135deg,#bbafe7,#5368d9)
}
.ads h4 {
    margin:0;
    font-size:22px;
    font-weight:bold
}
.ads h5 {
    margin:10px 0 0;
    font-size:14px;
    font-weight:bold
}
.ads.ads-btn {
    margin-top:20px;
    font-weight:bold
}
.ads.ads-btn:hover {
    color:#ff5719
}
.ads-btn {
    display:inline-block;
    font-weight:normal;
    margin-top:10px;
    color:#666;
    text-align:center;
    vertical-align:top;
    user-select:none;
    border:none;
    padding:0 36px;
    line-height:38px;
    font-size:14px;
    border-radius:10px;
    outline:0;
    -webkit-transition:all 0.3s ease-in-out;
    -moz-transition:all 0.3s ease-in-out;
    transition:all 0.3s ease-in-out
}
.ads-btn:hover,.btn:focus,.btn.focus {
    outline:0;
    text-decoration:none
}
.ads-btn:active,.btn.active {
    outline:0;
    box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)
}
.ads-btn-outline {
    line-height:36px;
    color:#fff;
    background-color:transparent;
    border:1px solid#fff
}
.ads-btn-outline:hover,.btn-outline:focus,.btn-outline.focus {
    color:#343a3c;
    background-color:#fff
}
</style>
</a><span style="position: absolute;bottom:10px;right:15px;"><img src="/wp-content/uploads/2020/09/ad.png"></span>

 

具体可以看文章侧边栏的效果。

文章声明:
1、本站文章来源于互联网,仅供学习交流使用,严禁用于商业用途,因此造成的一切法律后果自行承担。
2、本站不对文章内容的完整性和安全性负责,请自行辨别,如发现有问题,请及时联系我们进行处理。
3、如果你有比较好的文章需要发布,可以联系菜鸟站长之家小编,或者自行点击 投稿
4、若文章中有侵权或不适当内容,请留言告知我们,本站会第一时间进行处理。
5、转载请保留原文地址,违者后果自负,本站保留一切法律追责权力。
6、如遇下载地址失效,请留言告知或者联系客服获取。