织梦广告JS代码如何正确使用?

99ANYc3cd6
预计阅读时长 15 分钟
位置: 首页 织梦建站 正文

什么是织梦广告JS代码?

要明确一个概念:织梦(DedeCMS)本身并不生成一种特殊的“广告JS代码”,这里的“织梦广告JS代码”通常指的是两种情况:

织梦广告js代码怎么用
(图片来源网络,侵删)
  1. 通过织梦后台生成的广告调用代码:这是最常见的情况,你在织梦后台的广告管理模块里添加广告位和广告内容后,织梦会生成一段JavaScript代码,你只需要将这段代码复制粘贴到你的模板文件中,就可以在指定位置显示广告。
  2. 通用的JavaScript广告代码:比如Google AdSense、百度广告联盟、或者其他第三方广告平台提供的广告代码,这些代码是标准的JS代码,织梦作为网站程序,同样可以完美支持。

无论是哪种情况,核心原理都是一样的:通过在HTML模板文件中插入一段<script>标签,让浏览器在加载页面时执行这段JS代码,JS代码再去动态地获取广告内容并渲染到页面的指定位置。


如何使用织梦后台生成的广告代码(最常用)

这是织梦内置的广告功能,非常适合在网站自己的位置(如文章页顶部、侧边栏、底部)展示自己的广告。

第一步:在织梦后台添加广告

  1. 登录织梦后台:使用你的管理员账号登录。

  2. 进入广告管理:在左侧菜单中找到 【核心】 -> 【广告管理】 -> 【广告计划】,点击进入。

    织梦广告js代码怎么用
    (图片来源网络,侵删)
  3. 添加新广告计划

    • 点击 【增加新广告计划】 按钮。
    • 广告名称:给你的广告起一个容易识别的名字,“首页顶部通栏广告”。
    • 广告位设置
      • 广告类别:可以选择“图片广告”、“文字广告”、“Flash广告”等。
      • 上传广告内容:如果是图片广告,就点击上传按钮选择你的图片;如果是代码广告,就直接把代码粘贴进去。
      • 链接地址:用户点击广告后要跳转到的网址。
      • 开始/结束日期:设置广告的生效时间。
    • 保存:填写完信息后,点击底部的 【保存】 按钮。
  4. 获取JS调用代码

    • 广告计划保存成功后,你会回到广告计划列表页。
    • 找到你刚刚创建的广告计划,在 “广告代码” 这一列,你会看到一串字符(如 ad_1)。
    • 点击这串字符,会弹出一个窗口,里面显示的就是调用这个广告的JS代码。全选并复制这段代码

    复制出来的代码通常是这样的:

    <script language='javascript'>
    <!--
    document.write("<iframe frameborder='0' scrolling='no' src='/plus/ad_js.php?aid=1' width='960' height='90'></iframe>");
    //-->
    </script>
    • aid=1:这是广告ID,对应你刚才创建的广告计划。
    • width='960' height='90':这是广告的尺寸,你可以在添加广告时修改。

第二步:在模板文件中调用广告

你只需要把刚才复制的JS代码,粘贴到你想要显示广告的织梦模板文件中即可。

织梦广告js代码怎么用
(图片来源网络,侵删)
  1. 找到模板文件:织梦的模板文件位于 /templets/ 目录下,根据你的网站风格和位置找到对应的文件。

    • 首页广告:/templets/default/index.htm
    • 上方广告:/templets/default/article_article.htm
    • 侧边栏广告:通常在 /templets/default/ 目录下的 head.htmfooter.htm 等公共文件中。
  2. 粘贴代码:使用FTP工具或织梦后台的模板编辑器,打开对应的模板文件,找到合适的位置,将JS代码粘贴进去。

    示例:在首页顶部添加一个通栏广告

    • 打开 index.htm 文件。
    • <body> 标签后,或者你希望显示的任何位置,粘贴代码:
      <!DOCTYPE html>
      <html>
      <head>
      <meta charset="utf-8">{dede:global.cfg_webname/}</title>
      ...
      </head>
      <body>

    {dede:include filename="head.htm"/}

    ...
    {dede:include filename="footer.htm"/} ```
  3. 更新生成网站

    • 登录织梦后台。
    • 进入 【生成】 -> 【更新主页HTML】,或者 【更新栏目页/文档页】
    • 这样做的目的是让织梦重新编译模板文件,生成最终的HTML页面,更新后,你就能在前台网站上看到广告了。

如何使用第三方广告JS代码(如Google AdSense)

这个过程和调用织梦自带的广告几乎完全一样,区别只在于代码的来源。

  1. 获取第三方广告代码

    • 登录你的广告平台(如Google AdSense)。
    • 创建广告单元,获取广告代码。
    • 复制平台给你的完整<script>代码,它通常很长,并且包含一个唯一的ID。
  2. 在织梦模板中粘贴代码

    • 同样地,通过FTP或后台编辑器,打开你想要放置广告的模板文件(如 index.htm, article_article.htm 等)。
    • 将第三方广告代码原封不动地粘贴到指定位置。

    示例:在文章内容下方插入Google AdSense广告

    • 打开 article_article.htm 文件。

    • 找到显示文章内容的地方,通常是一个 {dede:field.body/}

    • {dede:field.body/} 标签后面,粘贴你的AdSense代码:

      <div class="article-content">
      {dede:field.body/}
      <!-- 在这里粘贴Google AdSense代码 -->
      <ins class="adsbygoogle"
           style="display:block; text-align:center;"
           data-ad-layout="in-article"
           data-ad-format="fluid"
           data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
           data-ad-slot="xxxxxxxxxx"></ins>
      <script>
           (adsbygoogle = window.adsbygoogle || []).push({});
      </script>
      <!-- AdSense代码结束 -->
```
  • 更新生成网站

    • 和第二步一样,进入织梦后台的 【生成】 菜单,更新对应的页面。

  • 重要注意事项和技巧

    1. 广告尺寸:在粘贴代码前,确保你的网页布局有足够的空间来容纳广告的尺寸(如 728x90, 300x250, 970x90 等),否则广告可能会被挤压或换行,影响美观。
    2. 广告频率:不要在同一个页面上放置过多广告,这不仅影响用户体验,也可能被搜索引擎判定为过度优化。
    3. 代码放置位置
      • 首屏广告:如果希望用户一打开页面就看到,可以放在<body>标签之后。
      • 内容相关广告:对于第三方广告,通常放在文章内容中间或结尾,效果更好。
    4. 使用广告标签(织梦高级用法): 为了更灵活地控制广告,织梦还提供了一个广告标签 {dede:myad name='广告位标识'/},这需要在后台的广告计划中设置“广告位标识”。
      • 后台设置:在添加广告计划时,填写“广告位标识”,top-banner
      • 前台调用:在模板中直接使用标签:
        {dede:myad name='top-banner'/}

        这种方法比直接粘贴JS代码更简洁,也方便后期统一管理,如果修改了后台的广告,前台所有调用该标签的地方都会自动更新。

    步骤 操作 说明
    获取代码 织梦后台:广告管理 -> 增加计划 -> 复制JS代码。
    第三方平台:登录广告平台 -> 创建广告 -> 复制JS代码。
    这是第一步,拿到显示广告的“钥匙”。
    编辑模板 用FTP或后台编辑器打开 /templets/ 下的对应模板文件(如 index.htm)。 找到你希望广告出现的位置。
    粘贴代码 将第一步复制的JS代码,粘贴到模板文件的指定位置。 就像在Word里插入图片一样简单。
    更新网站 织梦后台 -> 生成 -> 更新主页/栏目/文档。 让修改生效,让访客能看到新广告。

    遵循以上步骤,你就可以在织梦网站上成功使用各种广告JS代码了。

    -- 展开阅读全文 --
    头像
    C语言如何实现BigDecimal高精度计算?
    « 上一篇 02-01
    htaccess如何配置dede伪静态规则?
    下一篇 » 02-01
    取消
    微信二维码
    支付宝二维码

    目录[+]