陸陸續(xù)續(xù)的,已經(jīng)發(fā)布了不少有趣的區(qū)塊,但在實際的運用中,發(fā)現(xiàn)很有一部分人直接在線看區(qū)塊頁面,直接F12抓取代碼,盡管這個過程對于熟練的人而言很快,但在這個很快的過程中,透明大都很專注,注意力集中,而且這類訪客目的都很明顯,。
待的時間精力足夠集中,目的明顯?
這不就是一個很好的賣廣告的地方嘛(。???)ノ
演示
方案思路
出于于廣告內(nèi)容的多變性,在頁面中的內(nèi)容需要動態(tài),考慮到是在html頁面中,可以用JS來解決,為了外觀好看,也加上一個css。
我將JS和CSS保存在服務(wù)器中,這樣,只需要更改服務(wù)器中的JS和CSS,就可以控制區(qū)塊頁面里的內(nèi)容了。
解決方法
在頁面的適當(dāng)位置添加以下代碼,一般是在頁底標(biāo)簽</body
>上方。
<!--廣告內(nèi)容開始-->
<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"/>
<!--廣告內(nèi)容結(jié)束-->
JS控制顯示內(nèi)容
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;
}