iXiNX Club主要为自用型文档社区,同时也开放共用文档,欢迎爱好者加入并共享内容,翻译文档
iXiNX Club开放性测试进行中,欢迎体验反馈,如有任何问题均可联系管理员
LV2
文章广告
这个Newspaper主题允许您同时包含谷歌AdSense或横幅广告在你的文章内容中。利用tagDiv Composer页面生成器中的Single Post Content元素,可以很容易地在内容的顶部或底部区域放置广告,甚至包括前端内联广告,您可以快速配置它们。每个广告点都有一个方框,您可以在其中插入广告代码。现在,让我们在您的一篇文章中添加一个文章广告。

tagDiv Cloud Library文章模板和文章广告

当您使用tagDiv Cloud Library中的预定义模板时广告代码必须在模板本身中输入。

第1步–打开单文章模板然后单击使用tagDiv Composer编辑按钮。
编辑单文章模板
编辑单文章模板
Edit Single Post Template.png (269.53 KiB) 查看 510 次
第2步–搜索Single Post Content元素,并将其拖到文章内容中。
单文章内容元素
单文章内容元素
Single Post Content Element.png (326.85 KiB) 查看 510 次
第3步–只需单击Single Post Content元素,然后单击Ads选项卡。在这里,您可以添加您的Google AdSense或图像代码。
广告设置选项卡
广告设置选项卡
Ads Settings Tab.png (326.53 KiB) 查看 510 次
第4步–选择添加广告的位置。您可以将其作为文章顶部广告、文章内联广告(你有三个不同的内联广告位置),或者文章底部广告.

示例1:AdSense广告代码示例已添加为文章顶部广告
单个帖子模板中的AdSense广告
单个帖子模板中的AdSense广告
AdSense Ad in the Single Post Template.png (245.23 KiB) 查看 509 次
单文章内容广告-顶部
单文章内容广告-顶部
Single Post Content Ad – Frontend.png (248.39 KiB) 查看 509 次
示例2:图片横幅代码添加为文章内联广告
文章内联广告
文章内联广告
Article Inline Ad.png (250.55 KiB) 查看 509 次
文章内联广告预览
文章内联广告预览
Article Inline Ad – preview.png (255.76 KiB) 查看 509 次
有关Newspaper主题中可用广告点的更多信息,您可以按照我们的一般步骤进行操作广告概述.

谷歌AdSense一般信息:

如果要使用自定义尺寸,检查官方名单。该主题会自动调整广告大小,使其最适合可用空间,但如果您想使用自定义大小,则可以为每个设备轻松设置一个。

这个广告代码由主题自动检测,并将使用以下规则进行渲染:

GoogleAdSense–如果你输入一个GoogleAdsense代码,主题将使其响应,广告将填充可用空间。

简单广告代码(js/flash/images)–代码以用户输入的原始形式呈现

[shortcodes]–spot将对广告运行do_shortcode()。使用shortcodes,您可以向该spot添加adRotate广告。

广告横幅示例代码:

电脑桌面

代码: 全选

<div class="td-visible-desktop">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" /></a></div>
平板横屏

代码: 全选

<div class="td-visible-tablet-landscape">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec300.jpg" alt="" /></a></div>
平板竖屏

代码: 全选

<div class="td-visible-tablet-portrait">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec200.jpg" alt="" /></a></div>
手机端

代码: 全选

<div class="td-visible-phone">
    <a href="#"><img src="http://mysite.com/fashion/wp-content/uploads/2015/05/rec200.jpg" alt="" /></a></div>

信息