使用此 CSS 代码将填充应用于 Adsense 广告

Google AdSense 是一个广受欢迎的广告网络,深受我们这样的许多小型发布商的欢迎。 它的工作原理是将 AdSense 仪表板中的小型 JavaScript 代码粘贴到您要展示广告的网站部分。 当人们点击这些广告时,你就赚钱了。

现在,如果您长期是 AdSense 发布商,那么您可能已经在帖子之间显示广告单元。 和插件之类的 快速 AdSense,可以轻松地在博客文章的开头、结尾、中间或任何您想要的位置插入广告。

但有时,当我们在帖子中间展示广告时,可能会误导观众。 例如,访问者可能会将广告视为一些图像并点击它。 尽管我们不确定此点击是否算作欺诈点击,但这无疑会降低用户体验。

摆脱这种混乱的一种方法是应用额外的填充以使广告更清晰。 请参阅下面的屏幕截图。

将填充应用于 Adsense

要应用内边距,只需在 AdSense JavaScript 的样式标记中添加一点 CSS。 以下将在广告的右侧和顶部/底部添加额外的填充。 随意根据您的需要进行任何调整。

padding-right:300px;padding-top:10px;padding-bottom:10px;

为了清楚起见,它是使用以下代码添加诸如“”或“Google 提供的广告”之类的文字

<div style="color:#666; text-align:left; font-size:12px;">Ads by Google</div>

最终代码类似于以下屏幕截图。

由于我们不使用 JavaScript,因此这不违反 AdSense 政策。 此外,其他知名网站也使用此技术,因此您不必担心。 这个小技巧将减少混乱并使您的文章对访问者更具可读性,同时为您创造收入。 对每个人来说都是双赢的局面。