织梦cms栏目广告位置

栏目广告位概述

织梦CMS本身没有内置专门的广告管理系统，但通过模板标签和自定义广告调用代码，可以在栏目的不同位置灵活插入广告。常见的广告形式包括横幅广告、侧边栏广告、信息流广告等。

一、栏目页的广告位布局方案

栏目列表页典型广告位：
┌─────────────────────────────┐
│   顶部横幅广告（980x90）     │ ← 栏目头部
├─────────────────────────────┤
│ 列表  │ 侧  │              │
│ 内容  │ 边  │  广告位      │
│       │ 栏  │              │
│ 信息流│ 广  │  300x250     │
│ 广告  │ 告  │              │
│       │ 位  │              │
├─────────────────────────────┤
│   底部横幅广告               │ ← 栏目底部
└─────────────────────────────┘

二、在栏目模板中插入广告代码

2.1 栏目页顶部横幅广告

<!-- 栏目汇总头部广告 -->
<div class="top-banner">
  <!-- Google AdSense示例 -->
  <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  <ins class="adsbygoogle" 
       style="display:block" 
       data-ad-client="ca-pub-xxxxxxxxxxxx" 
       data-ad-slot="1234567890" 
       data-ad-format="horizontal"></ins>
  <script>(adsbygoogle=window.adsbygoogle || []).push({});</script>
</div>

2.2 信息流广告（列表中间插入）

<!-- 在文章列表中每隔5条插入一个广告 -->
{dede:list pagesize='20'}
[field:global.autoindex runphp='yes']
$html='';
// 第5条和第15条之后插入广告
if(@me==5 || @me==15){
    $html='<div class="infeed-ad">
      <a href="广告链接" target="_blank">
        <img src="/images/ad-728x90.jpg" alt="广告">
      </a>
    </div>';
}
@me=$html . '<li><a href="[field:arcurl/]">[field:title/]</a></li>';
[/field:global.autoindex]
{/dede:list}

三、后台配置广告位管理

创建广告位配置文件（data/ad_config.php）：

<?php
// 广告位配置
$ad_positions=array(
    'list_top'=> array(
        'name'=> '栏目列表页顶部横幅',
        'code'=> '<a href="#"><img src="/ads/top-banner.jpg"></a>',
        'width'=> 980,
        'height'=> 90
    ),
    'sidebar'=> array(
        'name'=> '侧边栏广告',
        'code'=> '<a href="#"><img src="/ads/sidebar.jpg"></a>',
        'width'=> 300,
        'height'=> 250
    ),
    'infeed'=> array(
        'name'=> '信息流广告',
        'code'=> '<div class="ad-infeed">赞助内容</div>',
    ),
);

// 模板中调用
function show_ad($position){
    global $ad_positions;
    if(isset($ad_positions[$position])){
        return $ad_positions[$position]['code'];
    }
    return '';
}
?>

四、不同栏目投放不同广告

<!-- 根据栏目ID显示不同广告 -->
{dede:php}
$typeid=$refObj->TypeLink->TypeInfos['id'];
$adMap=array(
    3=> '<!-- 科技栏目广告 -->',
    5=> '<!-- 生活栏目广告 -->',
    8=> '<!-- 教育栏目广告 -->',
);
echo isset($adMap[$typeid]) ? $adMap[$typeid] : $adMap[3];
{/dede:php}

五、广告位的响应式适配

<style>
.ad-banner{text-align:center;margin:20px 0;overflow:hidden;}
.ad-banner img{max-width:100%;height:auto;}

/* 移动端隐藏大尺寸广告 */
@media(max-width:768px){
  .ad-desktop{display:none;}
  .ad-mobile{display:block;}
}
@media(min-width:769px){
  .ad-desktop{display:block;}
  .ad-mobile{display:none;}
}
</style>

<div class="ad-banner ad-desktop">
  <img src="/ads/banner-pc.jpg" alt="">
</div>
<div class="ad-banner ad-mobile">
  <img src="/ads/banner-mobile.jpg" alt="">
</div>