Advanced Ads Pro中的 “自定义代码”功能可让您通过特定的广告单元投放单独的CSS，HTML或JavaScript。您可以将其用于样式设置，调整广告行为，甚至添加单个跟踪代码。在本教程中，我将说明如何向广告单元添加自定义代码并显示一些示例。
目录
如何在广告中添加自定义代码
- 转到高级广告>广告
- 创建或修改广告单元
- 向下滚动到“ 布局/输出”部分
您可以将HTML和CSS中的源代码插入此文本字段。确保它符合HTML和CSS的语法和格式指南。自定义代码的一种典型情况是为广告分配一些单独的样式，例如边框和圆角。
例子
以下示例将向您展示如何分别使用一些CSS来设置广告样式。您可以复制所需的源代码以增强广告效果，即使您不喜欢编码也是如此。
如何在弹出广告和图层广告中添加圆角
假设您要为使用我们的PopUp和Layer Ads插件创建的弹出广告提供圆角。您可以使用CSS来做到这一点。
对于此示例，您需要：
- Advanced Ads Pro（在广告的“布局” /“输出”选项中添加“自定义代码”文本框）
- 弹出广告和分层广告
我们的PopUp和Layer Ads插件添加了一个新的展示位置。请参考该文件有关特定功能的详细信息。
在以下步骤中，我将通过在广告的“ 自定义代码”文本框中插入CSS来自定义弹出窗口的div容器。
- 制作广告单元
- 在“ 布局/输出”选项的“ 容器类 ”的文本字段中输入“四舍五入”
- 插入下面的自定义代码为文本框自定义代码
- 导航到“ 展示位置”页面，然后选择广告作为要显示的项目
圆角的自定义代码：
<style>
.rounded { border-radius: 25px; }
.rounded img { border-radius: 25px;}
</style>通过此代码，我定义了一个名为“圆形”的通用CSS类，并设置了25像素的边框半径。另外，我还为img标签定义了“圆角”类，以便也为该容器内的图像提供圆角。
-
将圆角的源代码插入“ 自定义代码”文本框中 -
将广告单元分配给安置的弹出式窗口，层广告 -
带有圆角的弹出广告
现在，我的广告单元将被放置在“四舍五入”类的容器中。如果您有一个广告类型为“图片广告”的广告单元，请确保该图片也将变成圆角。
如何在广告中添加自定义标签
使用自定义代码功能，您还可以为每个广告单元定义一个单独的广告标签。通常，您的广告具有通用广告标签，您可以在“高级广告”的常规设置中指定该标签。您可以在“ 展示位置” 页面上为每个展示位置启用或禁用此标签。以下代码可让您为单个广告添加或自定义广告标签。
- 创建或修改广告单元
- 转到“ 布局/输出”选项，并为您的广告提供一个容器ID（在此我们将其称为“ myownadlabel1”）
- 在“ 布局/输出”选项的“ 自定义代码”文本框中键入并调整以下代码
- 在特定的展示位置禁用广告标签（这将停用常规标签，以便仅显示您的自定义标签）
单个广告标签的自定义代码：
<style>
#myownadlabel1::before { content: "Look, I am a custom Ad-Label!"; }
</style>上面的代码指定了一个名为“ myownadlabel1”的容器ID，并输出了短语“看，我是自定义广告标签！” 分配了ID的元素之前以在其前面显示标签。
-
自定义代码，为您的广告赋予自己的标签 -
使用Advanced Ads Pro在广告上方自定义广告标签
您可以对每个需要单独广告标签的广告重复执行这些步骤。下面的代码输出“而且我是另一个自定义广告标签！” 在之前容器用ID “myownadlabel2”。
<style>
#myownadlabel2::before { content: "And I am another custom Ad-Label!"; }
</style>
按照以下示例，您可以分别调整广告单元并调整其样式。随意使用CSS代码，但始终确保它符合HTML和CSS的语法和格式准则
--- END ---