Notification

Please make sure to visit Your AdSense Page where you can find personalized information about your account to help you succeed with AdSense.

Code implementation guide

Where to place ad unit code in your HTML

This article describes where to add ad unit code in your HTML to serve AdSense ads.

If you are not familiar with working with HTML, you should first see the instructions on how to paste ad code in your HTML pages, depending on the tools that you use. Before proceeding, you should also know the differences between AdSense code and ad unit code.

Tip: For help with HTML, try searching for online resources using terms like "HTML basics"

On this page

Where to add ad unit code

After you get and copy your ad unit code, you need to paste it between the <body> and </body> tags of your page. If you paste the ad code outside the <body> tags it will prevent your ads from appearing correctly.

Note: This is sample code only which shows where to add ad unit code. Don't use this code exactly in your own site's code.

Example of an HTML page before ad unit code has been added

<html>

   <head>

      This is the head of your page.

      <title>Example HTML page</title>

   </head>

   <body>

      This is the body of your page.

   </body>

</html>

Example of an HTML page after ad unit code has been added in the <body> tag

<html>

   <head>

      This is the head of your page.

      <title>Example HTML page</title>

   </head>

   <body>

      This is the body of your page.

      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ignored1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ignored1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

   </body>

   </html>

How to position ads on your site with HTML

Just like the other elements of your site (images, paragraphs, etc.), you can change the position of your Google ads by using HTML tags (<div>, <table>, etc.). For example, if you surround your ad code with the HTML tags <div align="center"> and </div>, your ads will appear in the center of your page.

Example of an HTML <div> element used to position an ad in the <body> tag

<html>

   <head>

      This is the head of your page.

      <title>Example HTML page</title>

   </head>

   <body>

      This is the body of your page.

      <div align="center">

      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ignored1234567890123456" crossorigin="anonymous"></script>
<!-- Homepage Leaderboard -->
<ins class="adsbygoogle"
style="display:inline-block;width:728px;height:90px"
data-ad-client="ignored1234567890123456"
data-ad-slot="1234567890"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

      </div>

   </body>

   </html>

Was this helpful?

How can we improve it?
Search
Clear search
Close search
Google apps
Main menu
7168458292485213238
true
Search Help Center
true
true
true
true
true
157
false
false