如何在织梦模板中实现未上传图片时自动插入百度或谷歌广告的功能？

在织梦CMS（DedeCMS）中，为了增加网站的盈利能力或填补文章内容的空白，我们可以通过编程方式在没有图片的文章自动插入百度或谷歌广告，这种方法不仅能够提升用户体验，还能有效利用页面空间来展示广告。

实现步骤

1. 准备工作

确认广告代码：确保您已经获取到百度或谷歌的广告代码。

了解模板结构：熟悉织梦CMS的模板文件结构，特别是文章列表页和内容页的模板文件。

2. 编辑模板文件

找到并编辑文章列表页模板文件article_articlelist.htm 和内容页模板文件article_article.htm。

3. 插入条件判断语句

在模板文件中插入条件判断语句，检查文章内容是否包含图片，如果没有图片，则插入广告代码。

{dede:field name='body'}
    <! 假设这是文章内容 >
{/dede:field}
{dede:field name='body' function='strpos(@me, "<img")'}
    <! 如果文章内容中有图片，则不做处理 >
{/dede:field}
{dede:field name='body' function='strpos(@me, "<img")' == '0'}
    <! 如果文章内容中没有图片，则插入广告代码 >
    <div>这里是您的广告代码</div>
{/dede:field}

4. 保存并更新缓存

保存对模板文件的修改，并在后台更新缓存，使更改生效。

5. 测试

发布一篇没有图片的文章，检查是否正确插入了广告代码。

FAQs

Q1: 如何获取百度或谷歌的广告代码？

A1: 您需要注册百度联盟或谷歌AdSense账号，按照官方指南创建广告单元，获取对应的广告代码，这些代码会以JavaScript的形式提供，您需要将其嵌入到网站模板中。

Q2: 如果我想在文章中同时包含多个广告位，应该如何操作？

A2: 如果您想在一个没有图片的文章中插入多个广告位，可以在条件判断为真的情况下，连续插入多段广告代码。

{dede:field name='body' function='strpos(@me, "<img")' == '0'}
    <! 第一个广告位 >
    <div>广告代码1</div>
    <! 第二个广告位 >
    <div>广告代码2</div>
{/dede:field}

确保每个广告代码都来自可靠的广告提供商，并且符合您网站的内容策略和用户体验设计，通过这种方式，您可以最大化利用未含图片文章的空间，同时为网站创造额外的收入来源。

if (!document.querySelector(‘.articlecontent img’)) {

// 没有图片的情况

“` |

| 3. 调用广告API | 使用百度或谷歌的广告API来获取广告代码。 | 对于百度广告：“`javascript

// 百度广告代码

var cpro_id = "u123456";

var bdShare = document.createElement(‘script’);

bdShare.type = ‘text/javascript’;

bdShare.async = true;

bdShare.src = (‘https:’ == document.location.protocol ? ‘https://’ : ‘http://’) + ‘cpro.baidustatic.com/cpro/ui/c.js’;

document.body.appendChild(bdShare);

“` |

| 4. 插入广告代码 | 在条件判断中插入广告代码。 | “`javascript

if (!document.querySelector(‘.articlecontent img’)) {

var adContainer = document.createElement(‘div’);

adContainer.innerHTML = ‘<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script><ins class="adsbygoogle" style="display:inlineblock;width:300px;height:250px" dataadclient="capub1234567890" dataadslot="789012345"></ins><script>(adsbygoogle = window.adsbygoogle || []).push({});</script>’;

document.querySelector(‘.articlecontent’).appendChild(adContainer);

“` |

| 5. 保存模板文件 | 保存修改后的模板文件。 | 使用文本编辑器保存修改后的HTML模板文件。 |

| 6. 预览和测试 | 在织梦后台发布文章，预览页面以测试广告是否正确插入。 | 在织梦后台发布一篇文章，确保在文章内容区域没有图片时，能够看到广告。 |