当前位置:首页 > 行业动态 > 正文

如何在织梦模板中实现文章无图片自动嵌入百度或谷歌广告的功能?

在织梦模板中,如果文章没有上传图片自动插入百度/谷歌广告的方法

1. 准备工作

您需要获取百度广告和谷歌广告的代码,并确保您有相应的广告账户。

百度广告:登录百度广告后台,创建广告单元,获取相应的广告代码。

谷歌广告:登录谷歌广告后台,创建广告单元,获取相应的广告代码。

2. 修改模板文件

您需要修改织梦模板文件中的相关代码,以便在没有上传图片的情况下自动插入广告。

步骤

1、打开您的织梦模板文件夹,找到包含文章内容的模板文件,通常为article_content.html 或类似名称的文件。

2、在文章内容的循环标签中,查找用于显示文章图片的代码。

“`html

<div >

<!文章内容 >

<img src="{field.litpic}" alt="{field.title}" />

<!文章内容 >

</div>

“`

3、在上述图片标签的上方或下方,添加一个条件判断语句,用于检查图片是否存在,如果不存在,则插入广告代码。

对于百度广告

“`html

<div >

<!文章内容 >

<img src="{field.litpic}" alt="{field.title}" />

<!文章内容 >

{if !field.litpic}

<div >

<!百度广告代码 >

<script async src="https://code.jquery.com/jquery3.6.0.min.js"></script>

<script>

$(document).ready(function() {

$.ajax({

url: ‘https://cpro.baidustatic.com/cpro/ui/cm.js?’ + new Date().getTime(),

dataType: ‘script’,

success: function() {

bdads.create(‘ad_zone_id’);

}

});

});

</script>

</div>

{/if}

</div>

“`

对于谷歌广告

“`html

<div >

<!文章内容 >

<img src="{field.litpic}" alt="{field.title}" />

<!文章内容 >

{if !field.litpic}

<div >

<!谷歌广告代码 >

<ins

dataadclient="ad_client_id"

dataadslot="ad_slot_id"></ins>

<script>

(adsbygoogle = window.adsbygoogle || []).push({});

</script>

</div>

{/if}

</div>

“`

在上述代码中,请将ad_zone_id 替换为您的百度广告单元ID,将ad_client_id 和ad_slot_id 替换为您的谷歌广告单元ID。

4、保存模板文件,并重新部署到您的网站服务器。

3. 测试

完成上述步骤后,访问您的网站并查看一些没有上传图片的文章,确保广告能够正确显示。

注意事项

确保您遵守百度和谷歌的广告政策,不要在不符合规定的内容中插入广告。

定期检查广告代码,确保其有效性。

考虑用户体验,避免在文章内容中过度插入广告。

0