IT备忘录

您现在的位置是:首页 > 教程 > 建站教程

建站教程

网站指定段落插入广告JS代码

2023-08-07 08:07:09建站教程
对于网站长来说,现在网页的广告点击率是非常低的,那么为了提高网站的广告点击率和转换率,我们可以在网站文章指定段落处插入广告和文章形成一种原生效果,下面IT备忘录小编就给大

对于网站长来说,现在网页的广告点击率是非常低的,那么为了提高网站的广告点击率和转换率,我们可以在网站文章指定段落处插入广告和文章形成一种原生效果,下面IT备忘录小编就给大家分享一段万能的JS代码来帮助各位网站长解决问题。

文章指定段落插入广告代码

网站<head>……</head>部分引入:jquery

<script src="https://www.itmemo.cn/skin/static/js/jquery-1.8.3.min.js" ></script>

文章HTML部分

<div class="newstext">
  <p>第一段内容</p>
  <p>第二段内容</p>
  <h2>P标签</h2>
  <p>第三段内容</p>
  <p>第四段内容</p>
</div>

JS部分代码(放置于网站底部)

<script type="text/javascript">
    var insertHtml='<div class="appoint"></div>';
    $('.newstext').find('p').eq(2).before(insertHtml);
</script>
<div class="appointabs" style="display:none; text-align:center"></div>
<script type="text/javascript">
$(function(){
$(".appoint").html($(".appointabs").html());
})
</script>

$('.newstext').find('p').eq(2).before(insertHtml);,就是在第二段<p>标签之前插入<div class="appoint"></div>',里面的内容。

最终大家可以根据自己的网站类型,将此段代码改造引入模板,这样每篇文章都可以指定段落植入广告,非常适用。

相关内容标签

文章评论