远程广告解决方案 - Npcink专栏

通过js在指定div里输出HTM,从而实现一个简单的远程广告解决方案

陆陆续续的,已经发布了不少有趣的区块,但在实际的运用中,发现很有一部分人直接在线看区块页面,直接F12抓取代码,尽管这个过程对于熟练的人而言很快,但在这个很快的过程中,透明大都很专注,注意力集中,而且这类访客目的都很明显,。

待的时间精力足够集中,目的明显?

这不就是一个很好的卖广告的地方嘛(。・∀・)ノ

演示

方案思路

出于于广告内容的多变性,在页面中的内容需要动态,考虑到是在html页面中,可以用JS来解决,为了外观好看,也加上一个css。

我将JS和CSS保存在服务器中,这样,只需要更改服务器中的JS和CSS,就可以控制区块页面里的内容了。

解决方法

在页面的适当位置添加以下代码,一般是在页底标签</body>上方。

      <!--广告内容开始-->
  <div id="npcink-ad-page"></div>
  <script type="text/javascript" charset="utf-8" src="page.js"></script>
  <link type="text/css" rel="stylesheet" href="page.css"/>
  <!--广告内容结束-->

JS控制显示内容

document.getElementById("npcink-ad-page").innerHTML = "<div class=demo-class>广告位招租,QQ:1355471563</div>";

CSS控制外观样式

@charset "utf-8";
/*CSS代码*/
.demo-class {
    font-size: 12px;
    text-align: center;
}

相关推荐

远程广告解决方案 - Npcink专栏-Npcink
远程广告解决方案 - Npcink专栏-Npcink

怎么防止原创文章泛滥转载? - WordPress教程

下载权限

查看
  • 免费下载
    评论并刷新后下载
    登录后下载

查看演示

  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
随记

蛋蛋屋×微信壁纸小程序

2020-8-31 0:20:00

随记

怎么复制知乎禁止转载的文章?

2020-9-29 12:02:08

⚠️
Npcink上的部份代码及教程来源于互联网,仅供网友学习交流,若您喜欢本文可附上原文链接随意转载。
无意侵害您的权益,请发送邮件至 1355471563#qq.com 或点击右侧 私信:Muze 反馈,我们将尽快处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索