Add Adsense Ads Code in Blogger website
To add AdSense code to your Blogger site, you need to integrate the ad code in strategic locations on your blog. Here’s a step-by-step guide:
**Option 1: Use Blogger's Built-In AdSense Integration**
1. **Sign in to Blogger:**
Go to [Blogger](https://www.blogger.com/) and log in to your account.
2. **Navigate to Settings:**
- Click on the blog where you want to add AdSense.
- Go to **"Earnings"** in the left-hand menu.
3. **Link AdSense Account:**
- If it's your first time, follow the prompts to link your AdSense account to your blog.
- Blogger will automatically place ads on your site based on your layout.
4. **Enable Ads Display:**
- In the **"Earnings"** section, toggle the option to display ads.
- Configure settings for where you want ads to appear (e.g., below posts, in the sidebar, etc.).
**Option 2: Manually Add AdSense Code**
1. **Get Your AdSense Code:**
- Sign in to your [AdSense account](https://www.google.com/adsense/).
- Go to **Ads > By ad unit** and create a new ad unit.
- Copy the generated HTML/JavaScript ad code.
2. **Insert Code into Blogger:**
- Go to your blog’s **Layout** section.
- Click **"Add a Gadget"** in the area where you want the ad (e.g., sidebar, header, or footer).
- Select the **"HTML/JavaScript"** gadget.
- Paste the AdSense ad code in the content box.
- Save the gadget and arrange its position in the layout.
3. **For Inline Ads in Posts:**
- Go to **Theme > Edit HTML**.
- Find a suitable spot in the HTML code (e.g., within `<body>` or near `<main>`).
- Paste the AdSense code where you want the ads to appear.
- Save the changes.
**Tips for Placement:**
- **High CTR Locations:** Ads perform better in places with high visibility, such as:
- At the top of the page (header area).
- Within or after blog posts.
- Sidebar areas.
- **Responsive Ads:** Use responsive ad code to ensure ads display well on both desktop and mobile devices.
**Preview and Test:**
After adding the ads:
- Use the **Preview** feature to see how the ads look.
- Check your blog on different devices to confirm proper placement and appearance.
**PROCESS**:
1. Open your Google AdSense account and click on ≡ icon on left
2. On next click on Ads
3. Now click on Get code
4. Here click on copy code
5. Now go back to theme in settings
6. On next click orange box icon to open options
7. Now scroll to Edit HTML and click
8. Here click anywhere in the HTML page and press ctrl+F key and a search bar would appear on left corner
9. Write </head> in search bar and press ENTER key
10. Now make space above the code
11. On next paste the copied Ads code here
12. Finally press SAVE icon on right corner and wait for update successful.
For any concerns, please feel free to mention in the comments section.
Thanks for being with us
Tags
Adsense ads code