如何在织梦模板中实现文章无图片自动嵌入百度或谷歌广告的功能?
- 行业动态
- 2024-10-05
- 1
在织梦模板中,如果文章没有上传图片自动插入百度/谷歌广告的方法
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. 测试
完成上述步骤后,访问您的网站并查看一些没有上传图片的文章,确保广告能够正确显示。
注意事项
确保您遵守百度和谷歌的广告政策,不要在不符合规定的内容中插入广告。
定期检查广告代码,确保其有效性。
考虑用户体验,避免在文章内容中过度插入广告。
本站发布或转载的文章及图片均来自网络,其原创性以及文中表达的观点和判断不代表本站,有问题联系侵删!
本文链接:http://www.xixizhuji.com/fuzhu/127276.html