Google Adsense Ads Code Snippet
Google Adsense has revolutionized the way we communicate with earning online via the method of advertisement of online businesses. This is achieved through the Google Adword platform (currently known as Google Ads) where potential sellers advertise their products through the purchase of keywords. These keywords are also integrated into websites, blogs, etc via the use of Ads while the owners of these platforms get paid via the Google Adsense platform. What are these Ads? How do Ads work? How are these Ads integrated into blogs and websites?
Table of contents
I will put you through step by step on how to copy and paste your Adsense
Code Snippet from your Adsense account into your Website/Blog post in
other for Google to display Ads on your page.
Although, recently Google has introduced the auto-ads system which places
ads on the pages of those whose blogs or websites have been verified by
the Google server (Google bot).
Ads stand for advertisements. It could also be an abbreviation for
"advertiser digital service". It is a string of computer code written to advertise online businesses. Google ads are built around popular keywords that are connected to the online searches people make online per given time. Google offers both organic ads and paid ads. The organic ad is a
free and natural ad that appears on your blog without you paying for it.
On the other hand, paid ads are paid for as the word implies. Customers bid for this kind of ads and pay for it to promote their business. They are charged when people click on those ads. This is referred to as pay-per-click (PPC) or cost-per-click (CPC).
However, these ads are fully responsive and customizable. So, in this
tutorial, we will show you how to quickly customize your ads by copying,
editing, and positioning the ads code snippet and also make money from
them.
This is a line of code Google supplies to users to copy and paste into
your website/Blog in other for Google server to display Ads on your page.
When you successfully paste this code and have also met the basic
requirements to be approved by the Google team to use Adsense, YOU WILL START
EARNING BIG TIME WITH YOUR WEBSITE/BLOG!
It's important that you paste the ad code 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 on your site.
Click on My Ads at the left panel
Click on Ads Unit; when the page opens, click on the New ad unit to
create the type of Ads you would love to display on your page.
Click on 'get code' to retrieve the Adsense Code Snippet
Copy the code
At the left pane, click on Theme. When it opens, click on
Edit HTML. When it opens, paste the Ads snippet code at the
appropriate position as shown below:
Example HTML page before the ad 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 HTML page with the Ad (snippet) code added in the body (You can also
add it in the <head></head> section) <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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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>
Note: the above code is sample code ONLY, please don't use it in your own
site's HTML!!!!
Positioning the 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.
<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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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>
NB: YOUR ADS MAY NOT DISPLAY WELL UNTIL YOU REPLACE THE LINES OF CODE
IN THE SCRIPT HIGHLIGHTED IN YELLOW ABOVE WITH YOUR OWN PUBLISHER ID!!!
When you are done publishing, just go and sip a cup of coffee!
But don't forget to share your blog link with your friends on other social media platforms. Invite them to follow your blog!
SOON, YOUR ADS WILL APPEAR ON YOUR SITE AND YOU ARE GOOD TO GO!!!!!!!!!
Cheers,
MarbleGold Blog.
Comments
Post a Comment
Enter your Comments here...No spam, please!