广告框元素和广告概览

NewsPaper

在Newspaper主题中，我们建立了一个系统，旨在避免广告盲目，并在收入和用户体验方面为您提供最佳结果。这个智能广告系统可以与最受欢迎的广告平台之一 - AdSense by Google 一起使用，也可以与自定义HTML广告（也称为横幅广告）一起使用。

Newspaper主题为您带来了广告框元素，它简化了您在网站前端添加广告的方式。您可以在网站上的任何位置放置广告。

如何使用 tagDiv Composer 添加广告框元素

第1步 – 在您的网站上打开一个页面，然后单击“使用 tagDiv Composer 编辑按钮。

: 使用 Composer 编辑; Edit-with-Composer.png (200.35 KiB) 查看 553 次

第2步 – 搜索Ad Box元素并将其拖动到页面的任何区域。你可以把它放在任何地方！在顶部区域、侧边栏、文本内容中。

: Ad Box元素; Ad-Box-Element.png (194.69 KiB) 查看 553 次

Newspaper主题允许您以三种不同的方式在网站上添加广告：

1. 如何在Ad Box元素中放置图片广告

Image Ad标签页可以选择上传各种设备的图片，例如平板电脑横向、平板电脑纵向或手机。如果您在每台设备上都有大小不同的特定图像，则可以从此处进行设置。如果应为所有屏幕设置同一张照片，请将其上传到All Devices部分。

: 图片广告; Image-Ad.png (227.71 KiB) 查看 553 次

如果您想通过联盟链接获利，只需上传所需的图片并将链接粘贴到Ad URL框中即可。您可以指定 Spot URL 关系：none、nofollow、noreferrer 或 noopener。

2. 如何在Ad Box元素中添加 Google AdSense 代码

如果您有 Google AdSense 代码，则可以粘贴到Custom ad标签页的Custom ad code框内（在我们的示例中，我们使用了图片网址）：

: 自定义广告代码; AdSense-Custom-Code.png (273.93 KiB) 查看 553 次

您可以将广告保留在单独的行中
您可以将广告拖到侧边栏上
您可以调整边距

您不应在浮动块或浮动侧边栏上添加 Google AdSense 广告。有关Google AdSense可以正确显示的位置的更多信息，请遵循Google的政策。

3. 如何使用主题面板中的自定义广告：

您还可以使用之前在主题面板中添加的自定义广告，也可以选择只需将Ad Box元素拖放到所需的位置，然后从下拉列表中选择您的Custom ad，如下所示：

: 自定义广告1; Custom-ad-1.png (1.02 MiB) 查看 553 次

要管理全局广告，请转到Newspaper > Theme Panel > Ads，然后打开要插入广告的部分。只需添加您的代码并保存设置即可。如果您使用 Google AdSense 广告代码，该主题将自动使其在所有设备上运行。

: 主题面板的自定义广告区域; Custom-Ad-Theme-Panel.png (62.21 KiB) 查看 553 次

请注意，如果您已将 Google AdSense 代码添加到 tagDiv Composer 中的 Ad Box 元素中，它将覆盖主题面板中的设置。

* 请勿将此方法用于 AdSense 广告。这仅适用于自定义广告。对于 AdSense 广告，只需将完整代码粘贴到框中，然后通过on/off开关和预定义尺寸自定义广告即可。

代码：全选

<div class="td-all-devices">
<!-- 此处显示您的非AdSense代码-此广告将显示在所有设备上 -->
</div>