How to Wrap AdSense Ads Around and Inline Beside Blogger Post ContentÈçºÎ×ܽáAdSense¹ã¸æÔ¼ºÍÄÚÖÃÅԱߵÄBloggerÌû×ÓÄÚÈÝ
When you look to the top left corner of this article, there is a Google AdSense ads unit block that has a style that is aligned inline beside and wrapped the article body (only on single post view).µ±Äã¿´µ½ÒÔ×óÉϽǵÄÕâÆªÎÄÕ£¬ÓÐÒ»¸öGoogle AdSense¹ã¸æµÄµ¥Î»×ùÓÐÒ»¸ö×÷·ç£¬ÕâÊDz»½áÃËÄÚÖÃÅԱߵİü¹üÎÄÕÂÕýÎÄ£¨Ö»¶Ôµ¥ºóµÄ¿´·¨£© ¡£ This format of layout is considered and proofed to be able to generate higher CTR (click through rate) for AdSense ads, directly increasing the revenue publisher earned.´Ë¸ñʽµÄ²¼¾Ö±»ÈÏΪÊǺͿյ÷£¬ÒÔÄܹ»²úÉú¸ü¸ßµÄµã»÷ÂÊ£¨µã»÷ÂÊ£© £¬¹©AdSense¹ã¸æ£¬Ö±½ÓÔö¼ÓÊÕÈëµÄ³ö°æÉÌËù׬ȡµÄ¡£ The new Blogger service with widget-based XML template allows authors at best toеÄBlogger·þÎñµÄ´°¿ÚС²¿¼þΪ»ù´¡µÄXMLÄ£°å£¬ÈÃ×÷ÕßÔÚ¾¡Á¦ insert AdSense ad blocks in between blog posts²åÈëAdSense¹ã¸æÔÚ´óÏÃÖ®¼äµÄ²©¿ÍÌû×Ó by using AdSense or HTML/JavaScript page elements, but not inline within and wrap around blog post itself.ÓÉʹÓÃAdSense»òHTML / JavaScriptÍøÒ³ÄÚÈÝ£¬µ«Ã»ÓÐÄÚÖÃÄÚºÍÀ¦ÈƵIJ©¿ÍÌû×Ó±¾Éí¡£
Here¡¯s the trick and hack on how to put AdSense ads in within and beside of Blogger.com blog post body, and has the content wraps around the ads to make the ads look like part of the content.ÕâÀïµÄ¼¿Á©ºÍ¹þ¿Ë¾ÍÈçºÎ°ÑAdSense¹ã¸æÔÚÄÚ²¿ºÍÅԱߵÄblogger.comµÄ²©¿ÍÌû×Ó»ú¹¹£¬²¢ÒÑÄÚÈݰüÖÜΧµÄ¹ã¸æ£¬Ê¹¹ã¸æµÄÍâ¹Û²¿·ÖµÄÄÚÈÝ¡£ Coupled with using ad colors which blend the borderless ads to the blog overall color scheme, and choosing bigger ad format such as 336¡Á280 large rectangle or 300¡Á250 rectangle will definite optimize placement of AdSense ads, increase ads click thru rate and improve publishers income.ÔÙ¼ÓÉÏʹÓÃµÄ¹ã¸æÑÕÉ«£¬ÆäÖй²»ìÎïÎÞ¹ú½çµÄ¹ã¸æÍ¶·Åµ½²©¿ÍÕûÌåµÄÅäÉ«·½°¸£¬¶øÑ¡Ôñ¸ü´óµÄ¹ã¸æ¸ñʽÈç336 ¡Á 280´ó¾ØÐλò300 ¡Á 250¾ØÐΣ¬½«Ò»¶¨µÄÓÅ»¯°²ÖÃAdSense¹ã¸æ£¬Ôö¼Ó¹ã¸æµã»÷Âʺ͸ÄÉÆ³ö°æÉÌÊÕÈë¡£ Beside, the AdSense ads put in by this trick will also be shown and displayed in the blog main page, or when individual blog post content page is visited.ÅԱߣ¬ AdSense¹ã¸æ¸¶Öî±í¾ö£¬ÔÚͨ¹ýÕâÒ»ÕÐÒ²½«ÏÔʾ³ö²¢ÏÔʾÔÚ²©¿ÍÖ÷ÍøÒ³Ê±£¬»ò¸ö±ðµÄ²©¿ÍÌû×ÓÄÚÈÝÍøÒ³µÄ·ÃÎÊ¡£
- Login to Blogger account.µÇ¼µ½BloggerÕÊ»§¡£
- At Blogger Dashboard, click on Settings link listed behind ¡°Manage¡± for the blog that you want to enable to show AdSense ads between posts.ÔÚBlogger¿ØÖÆÌ¨£¬µã»÷É趨Á¬½áÉÏÊб³ºóµÄ¡°¹ÜÀí¡±Îª²©¿Í£¬ÄãÒªÆôÓÃÏÔʾAdSense¹ã¸æÖ®¼äµÄְλ¡£
- Click on Template tab, and then click on Edit HTML sub-tab link to open Blogger HTML code template editor to edit the contents of your template.°´Ò»ÏÂÄ£°å±êÇ©£¬È»ºóµã»÷±à¼HTML×Ó±êÇ©Á´½Óµ½¿ª·ÅµÄBloggerµÄHTML´úÂëÄ£°å±à¼Æ÷±à¼µÄÄÚÈÝ£¬ÄúµÄ·¶±¾¡£
- Backup a copy of your template by click on Download Full Template link, in case it¡¯s is needed be uploaded to Blogger server to recover the template in the event of mistake or corruption.±¸·ÝµÄ¸±±¾£¬ÄúµÄ·¶±¾£¬Óɰ´Ò»ÏÂÏÂÔØÍêÕûÄ£°åÁ´½Ó£¬ÔÚ°¸¼þµÄ£¬ÊÇÐèÒª±»ÉÏ´«µ½Blogger·þÎñÆ÷£¬ÒÔÊÕ»ØÄ£°å£¬ÔÚ·¢Éú´íÎó»ò¸¯°Ü¡£
- Click to tick the Expand Widget Templates checkbox.µ¥»÷ÒÔÌÞÀ©Õ¹´°¿ÚС²¿¼þÄ£°å¸´Ñ¡¿ò¡£
- Seach for the following line in the new Blogger template HTML code in the text box:ËÑË÷ÏÂÁÐÐУ¬ÔÚеÄBloggerÄ£°åHTML´úÂëÔÚÎı¾¿òÖУº
<data:post.body/> <data:post.body/>
or»ò
<p><data:post.body/></p> <p> <data:post.body/> < / >
- Append the following lines of code into the template BEFORE the line of <data:post.body/> located above:¸½¼ÓÏÂÃæµÄ´úÂëÐе½Ä£°åǰÐÐ<data:post.body/>λÓÚÒÔÉÏ£º Parsed Google AdSense Ad Code (guide toÆÊÎöGoogle AdSense¹ã¸æ´úÂ루ָÄÏ parse the HTML code of AdSense JavaScript with escape character½âÎöHTML´úÂëµÄAdSenseµÄJavaScriptÓëתÒå×Ö·û ) £©
Note the above code will align AdSense ad block to the left.×¢ÒâÉÏÃæµÄ´úÂ뽫ͳһAdSense¹ã¸æ×ùµ½×ó±ß¡£ You can also make it make it float to the right, but change the ¡°float: left;¡± to ¡°float: right;¡±.ÄúÒ²¿ÉÒÔʹËüʹËü¸¡µ½ÕýÈ·µÄ£¬µ«¸Ä±ä¡°¸¡¶¯£º×ó; ¡±µ½¡°¸¡¶¯£ºÈ¨Àû; ¡± ¡£
Note that you can also make the×¢Ò⣬ÄúÒ²¿ÉÒÔʹ ads appear only on single post view¹ã¸æÖ»»á³öÏÖÔÚµ¥Ò»µÄ¹¤×÷µØµãµÄ¿´·¨ . ¡£
- Click on SAVE TEMPLATE button when done.°´Ò»Ï°´Å¥£¬ ±£´æÄ£°åʱ£¬×öÁË¡£
If the alignment of your blog layout is not good, you can try to add the code above directly after the following line in the Blogger widget template:Èç¹û¶Ô×¼ÄãµÄ²©¿Í²¼¾ÖÊDz»ºÃµÄ£¬Äú¿ÉÒÔ³¢ÊÔÌí¼ÓÉÏÃæµÄ´úÂëºóÖ±½ÓÏÂÃæÒ»ÐÐÔÚBloggerµÄ´°¿ÚС²¿¼þÄ£°å£º
<div class=¡¯post-header-line-1¡ä/> <div class='post-header-line-1'/>
The above trick may work to add ad code wrap beside the post content in Blogger from other advertising networks too, such as AdBrite, BlogAds, Chitika, Tribal Fusion, ValueClick, and etc, in case you can¡¯t use AdSense for reason such as account banned.ÉÏÊö¹¤×÷µÄ°ÑÏ·¿ÉÄÜÌí¼Ó¹ã¸æ´úÂë×ܽáÅÔÕÅÌùÄÚÈÝÔÚBlogger´ÓÆäËû¹ã¸æÍøÂçÌ«£¬Èçadbrite £¬ blogads £¬ Chitika¹«Ë¾£¬²¿ÂäµÄÈںϣ¬ valueclick £¬µÈ£¬Èç¹ûÄã²»ÄÜʹÓÃAdSenseΪÀíÓÉ£¬ÈçÕÊ»§½ûÖ¹¡£ And there areÓÐ more position inside posts to put AdSense¸ü¶àµÄÁ¢³¡ÄÚÔ±¶î½«AdSense·Åµ½ . ¡£
Update: Blogger can also add AdSense ads inside post using¸üУº BloggerµÄÒ²¿ÉÒÔÌí¼ÓAdSense¹ã¸æÄÚºóʹÓà Ads Between Posts trick¹ã¸æ¸Úλ֮¼äµÄ¼¿Á© . ¡£
IMPORTANT : This is a machine translated page which is provided "as is" without warranty. ÖØÒªËµÃ÷ £ºÕâÊÇÒ»¸ö»úÆ÷·ÒëÍøÒ³ÊÇ¡°°´ÔÑù¡±ÌṩµÄµ£±£¡£ Machine translation may be difficult to understand.»úÆ÷·Òë¿ÉÄܺÜÄÑÀí½â¡£ Please refer toÇë²ÎÔÄ original English articleÔÀ´µÄÓ¢ÓïÎÄÕ whenever possible.Ö»ÒªÓпÉÄÜ¡£
Share and contribute or get technical support and help at·ÖÏíºÍ¹±Ï×£¬»òÈ¡µÃ¼¼ÊõµÄÖ§³ÖºÍ°ïÖú£¬ÔÚ My Digital Life Forums ÎÒµÄÊý×ÖÉú»îÂÛ̳ . ¡£
Related ArticlesÏà¹ØÎÄÕÂ
- Place AdSense Ad Unit In Various Positions Inside Within Blogger Post ContentsµØ·½AdSense¹ã¸æµ¥ÔªÔÚ¸÷¸ö¾ÝµãÄÚµÄBloggerÌû×ÓÄÚÈÝ
- Move Blogger Inline Ads Between Posts to Inside Within Post Position¶¯ÒéµÄBloggerÄÚ²å¹ã¸æÖ®¼äµÄÔ±¶îÄÚºóµÄÁ¢³¡
- How to Display Elements (Ads) Only On (Or Only Not At) Individual Single Post Item ViewÈçºÎÏÔÊ¾ÔªËØ£¨¹ã¸æ£© £¬Ö»£¨»òÖ»Óв»£©¸ö±ðµ¥Ò»ÓÊÕþÏîÄ¿µÄ¿´·¨
- Add and Insert to Put Google AdSense Ads Units Between Blog Posts in Blogger.comÐÂÔöºÍ²åÈë°ÑGoogle AdSense¹ã¸æµ¥Î»Ö®¼äµÄ²©¿ÍÌû×ÓÔÚblogger.com
- Google AdSense Policy Update Disallows Image Besides Ads Blocks Google AdSenseµÄÕþ²ß²»ÔÊÐí¸üеÄÐÎÏ󣬳ýÁË¹ã¸æÇø¿é
- Trick to Add AdSense, AdBrite and Other JavaScript Ad Code Directly to Blogger HTML Template¼¿Á©AdSenseÐÂÔö£¬ adbriteºÍÆäËûJavaScript¹ã¸æ´úÂëÖ±½Óµ½Blogger HTMLÄ£°å
- google_ad_host Host ID in Google AdSense Ad Unit Code and Revenue Sharing google_ad_hostÖ÷»úIDÔÚGoogle AdSense¹ã¸æµ¥Ôª´úÂëºÍÊÕÒæ·ÖÏí
- Change to ads about Feature in Google Adsense Ads¸Ä±ä¹ã¸æÔ¼¹¦ÄÜÔÚGoogle AdSense¹ã¸æ
- AdSense Help Group for AdSense Publishers AdSense°ïÖú×飬¹©AdSense·¢²¼
- AdSense New Ads Style with Horizontal Image and Ad Links AdSenseµÄÐÂ¹ã¸æ·ç¸ñÓëºáÏòµÄÐÎÏóºÍ¹ã¸æÁ´½Ó

































September 23rd, 2007 18:22 2007Äê9ÔÂ23ÈÕ18ʱ22·Ö
[...] is trick to add Google AdSense and other advertising network such as AdBrite ad unit right beside and inside [...] [ ¡ ¡ ]Êǵļ¿Á©¼ÓÈëGoogleµÄAdSenseºÍÆäËû¹ã¸æÁª²¥Íø£¬Èçadbrite¹ã¸æµ¥ÔªµÄȨÀûºÍÅԱߵÄÄÚ[ ¡ ¡ ]
October 3rd, 2007 01:15 2007Äê10ÔÂ3ÈÕ1ʱ15·Ö
[...] it won¡¯t be shown on homepage, label or category pages, or archive pages. [ ¡ ¡ ] £¬Ëü²»»á³öÏÖÔÚÍøÒ³ÉÏ£¬±êÇ©»ò·ÖÀàÍøÒ³£¬»ò´æµµµÄÒ³Ãæ¡£ For example, while wrapping the AdSense ads manually beside the post content, you can make the ads displayed only when individual posts are viewed by adding above 2 lines to [...]ÀýÈ磬ËäÈ»°ü¹üµÄAdSense¹ã¸æµÄÊÖ¶¯ÅÔÕÅÌùÄÚÈÝ£¬Äú¾Í¿ÉÒÔÈÃÏÔʾµÄ¹ã¸æ£¬Ö»Óе±¸ö±ðְλÀ´¿´£¬¼ÓÈëÉÏÊö¶þÏß[ ¡ ¡ ]
October 31st, 2007 18:13 2007Äê10ÔÂ31ÈÕ18ʱ13·Ö
editing the google adsense code violate google terms ???±à¼¸öÈË×ÊÁϵÄGoogle AdSense´úÂëÎ¥·´ÁËGoogleµÄÌõ¿î£¿ £¿ £¿ isnt it ? isn'tÄØ£¿ is it safe to use the above methodÊÇ·ñ°²È«Ê¹ÓÃÉÏÊö·½·¨
December 13th, 2007 16:41 2007Äê12ÔÂ13ÈÕ16ʱ41·Ö
Hello.ι¡£ Is it okay to use the codes above.ËüÊǺÃʹÓÃÊØÔòÒÔÉÏ¡£ Will it not violate the Adsense TOS?½«ËüûÓÐÎ¥·´AdSense·þÎñÌõ¿î£¿ Please reply.Çë»Ø¸´¡£ Thanks.лл¡£
December 13th, 2007 16:59 2007Äê12ÔÂ13ÈÕ16ʱ59·Ö
After you use the parsed code above, when you view source HTML code, the adsense ad code is exactly the same as you see in AdSense account.ÔÚÄúʹÓÃÆÊÎöÉÏÃæµÄ´úÂ룬µ±Äã²é¿´Ô´´úÂëÖУ¬ AdSense¹ã¸æ´úÂëÊÇÍêȫһÑù£¬Äú»á¿´µ½ÔÚAdSenseÕÊ»§¡£ So effectively there is no change at all.Òò´Ë£¬ÓÐЧµØ²¢Ã»Óиı䣬Òò´ËÔÚËùÓС£
December 17th, 2007 10:24 2007Äê12ÔÂ17ÈÕ10ʱ24·Ö
this works for the beta blogger, but how about for the old blogger?±¾¹¤³ÌΪ²âÊÔ°æµÄBlogger £¬µ«ÈçºÎΪ¾ÉµÄBloggerÄØ£¿ will this work too?½«ÕâÏ×÷ÄØ£¿ how?ÈçºÎ£¿
January 30th, 2008 00:02 2008Äê1ÔÂ30ÈÕ0ʱ02·Ö
Hi i tried to add ads between post by editing the blogger posts but unsuccessful.Message was¡± Try to remove the errors from this page¡± while trying to save the changes.ϲÎÒÔø³¢ÊÔÌí¼Ó¹ã¸æÖ®¼äµÄÓÊÕþͨ¹ý±à¼BloggerµÄְ룬µ«unsuccessful.messageÊÇ¡°³¢ÊÔɾ³ý´íÎ󣬴ӱ¾ÍøÒ³¡±µÄͬʱ£¬ÊÔͼÒÔ±£´æ¸ü¸Ä¡£
Help please!!Çë°ïÖú£¡
April 1st, 2008 23:29 2008Äê4ÔÂ1ÈÕ23ʱ29·Ö
@debashish @ debashish
This will only work on blogger classic, looks to me like the error you mentioned is from trying to use this on Blogger with Templates (or blogger beta/new blogger)Õ⽫ֻ¹¤×÷ÔÚBloggerÉϵľµä£¬ÆÚ´ý×ÅÎÒÒ»Ñù£¬ÄãËùÌáµ½µÄ´íÎóÊÇÓÉÊÔͼÀûÓÃÕâÔÚBloggerÉÏÓëÄ£°å£¨»òBloggerÊÔÓðæ/еÄBlogger £©
Is there a way to get this to work on blogger betaÓÐûÓа취µÃµ½Õâ¸ö¹¤×÷£¬ BloggerÊÔÓðæ
April 14th, 2008 11:31 2008Äê4ÔÂ14ÈÕ11ʱ31·Ö
Thanks for this article.¸ÐлÕâÆªÎÄÕ¡£ I¡¯ve being going nuts trying all sorts of things to get the text to wrap around my adverts, but it was this article that finally cracked it.ÎÒÒѾ±»È¥Æ£ÓÚ¸÷ÖÖ¶«Î÷£¬µÃµ½µÄÎı¾À¦ÈÆÎÒµÄ¹ã¸æ£¬µ«ËüÊÇÕâÌõÖÕÓÚÆÆ»ñ¡£ It¡¯s so simple when you know how.ËüµÄÄÇô¼òµ¥£¬µ±ÄãÖªµÀÈçºÎ¡£ THANKS!лл£¡
August 1st, 2008 13:16 2008Äê8ÔÂ1ÈÕ13ʱ16·Ö
i followed each and every step but why is it that the adsense ad is not wrapped in the text.ÎÒÔÚÿһ¸ö²½Ö裬µ«ÎªÊ²Ã´ËüµÄAdSense¹ã¸æ£¬ÊDz»Êǰü¹üÔÚÎı¾ÖС£ it¡¯s aligned on the left instead and above the post.ËüµÄ²»½áÃ˾ÍÔÚ×ó±ß£¬¶ø·Ç¼°ÒÔÉÏÖ°Îñ¡£
what i want is to have the text around the adsense adÎÒÏëÊÇÓÐÎÄ×ÖÖÜΧµÄAdSense¹ã¸æ
Please help..Çë°ïÖú..
thanksлл
August 29th, 2008 00:44 2008Äê8ÔÂ29ÈÕ0ʱ44·Ö
Thanks dude..it work..¸Ðлdude ..ËüµÄ¹¤×÷..
September 8th, 2008 23:13 2008Äê9ÔÂ8ÈÕ23ʱ13·Ö
[...] How to Wrap AdSense Ads Around and Inline Beside Blogger Post Content [...] [ ¡ ¡ ]ÈçºÎ×ܽáAdSense¹ã¸æÔ¼ºÍÄÚÖÃÅԱߵÄBloggerÌû×ÓÄÚÈÝ[ ¡ ¡ ]