如何在 AdSense 广告周围添加边距空间：2 种方法

这很容易在您的网站上。 您只需从 AdSense 复制广告代码，然后将其粘贴到您网站的 HTML 中任何想要展示广告的位置，例如侧边栏、标题、帖子之间、帖子末尾以及其他各种位置。

根据AdSense 计划政策，广告和网站内容之间应该有足够的间距。 对于Flash游戏网站，AdSense明确提到广告与游戏边缘之间的距离至少为150像素。

这样做是为了改善您网站上的用户体验，以便用户不会将内容与广告混淆。 如果用户能够清楚地识别广告，就不会出现任何意外点击，从而也可以防止您违反 AdSense 政策。

现在，如果您谈论自适应广告，它们会自动调整其尺寸、外观和格式以适应可用的广告空间。 因此有必要定义它们周围的间距。 本教程将指导您如何在网站上的 AdSense 广告周围添加边距空间。

您可以使用 CSS 语言轻松地在网站上的 AdSense 广告周围添加间距。 CSS 有一个名为 margin 的属性，它允许您在 HTML 元素周围创建空间。 您还可以为元素的每一侧（顶部、右侧、底部和左侧）单独设置边距。

您可以通过两种方法在 AdSense 广告代码上实现此目的 -

将 AdSense 代码放入新的 div 容器中

在此方法中，我们将创建一个新的 div HTML 容器并将 AdSense 广告代码放入其中。 CSS 边距添加到样式标签中 容器。 这是代码示例 –

<div style="clear: both; margin: 10px; text-align: center;">

<!--Your AdSense code here-->

</div>

确保更换<–此处为您的 AdSense 代码–>添加您的 AdSense 广告代码，然后将其添加到您网站上想要展示广告的位置。 我们还有div 容器的。 如果您不想这样做，只需删除文本对齐：居中；来自样式标签。

上述代码将适用10 像素边距到广告的所有边缘。 您可以将 10px 更改为您想要的任何大小。 如果您想为广告的每一侧（顶部、右侧、底部和左侧）设置不同的边距，则可以使用以下代码 -

<div style="clear: both; margin-top: 10px; margin-right: 20px; margin-bottom: 10px; margin-left: 20px; text-align: center;">

<!--Your AdSense code here-->

</div>

通过修改 AdSense 广告代码应用保证金

在 AdSense 广告周围应用边距的另一种方法是直接在广告代码的样式标记中添加 CSS margin 属性。 下面的示例代码展示了如何做到这一点 –

<ins class="adsbygoogle"
style="display:inline-block; margin:10px;"
data-ad-client="ca-pub-XXXXXXXXXXXXX"
data-ad-slot="XXXXXXX"></ins>

确保在样式标记中前一个 CSS 属性的末尾添加分号 (;)。 这里我们申请了10 像素边距到广告的所有边缘。 您还可以像我们在第一种方法中所做的那样专门定义每边的边距。

向广告添加边距是否违反 AdSense 政策？

这个问题的简单答案是不。 您没有以任何方式违反 AdSense 计划政策。 事实上，您是在防止广告被意外点击。 您在第二种方法中所做的广告代码修改也可以被 Google AdSense 接受。

• 另请阅读：

这两种简单的方法可以帮助您在网站上的 Google AdSense 广告周围添加边距空间。 如果您遇到任何问题或者想询问与本教程相关的问题，请在下面的评论部分告诉我们。