本文介绍了要投放 AdSense 广告,应在 HTML 中的什么位置添加广告单元代码。
如果您不熟悉 HTML,则应先根据您使用的工具,参阅有关如何在 HTML 网页中粘贴广告代码的说明。在继续操作之前,您还应了解 AdSense 代码与广告单元代码之间的区别。
本页内容
添加广告单元代码的位置
在您获取并复制广告单元代码之后,需要将其粘贴到您网页的 <body>
和 </body>
标记之间。如果您在 <body>
标记之外粘贴广告代码,那么您的广告将无法正常显示。
添加广告单元代码之前的 HTML 网页示例
<html>
<head>
这是您网页的标头部分。
<title>示例 HTML 网页</title>
</head>
<body>
这是您网页的正文部分。
</body>
</html>
在 <body>
标记中添加广告单元代码后的 HTML 网页示例
<html>
<head>
这是您网页的标头部分。
<title>示例 HTML 网页</title>
</head>
<body>
这是您网页的正文部分。
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</body>
</html>
如何通过 HTML 调整广告在您网站上的位置
与网站上的图片、段落等其他元素一样,您可以使用 HTML 标记(<div>
、<table>
等)调整 Google 广告的位置。例如,如果您使用 <div align="center">
和 </div>
HTML 标记将您的广告代码括起来,则广告将显示在网页中间。
示例:用于在 <body>
标记中放置广告的 HTML <div>
元素
<html>
<head>
这是您网页的标头部分。
<title>示例 HTML 网页</title>
</head>
<body>
这是您网页的正文部分。
<div align="center">
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</body>
</html>