-
16
Apr
การใช้ Blogger หาเงินกับ AdSense นั้นจะแบ่งได้เป็นคนสองกลุ่มใหญ่ๆ กลุ่มแรกไม่มีคลิก และกลุ่มที่สองคลิกมากันจังเลย เหตุผลง่ายๆ ที่สร้างความแตกต่างระหว่างคนสองกลุ่มนี้ก็คือ การเลือกตำแหน่งการวาง Ad หลังจากที่ได้ทดสอบกันมาหลายปี วันนี้ทุกคนต่างรู้แล้วว่าตำแหน่งในการวาง Ad ที่ดีที่สุด ที่ทำให้ได้คลิกมากที่สุด ก็คือ ใต้้ไทเทิ้ลของแต่ละโพส (มองภาพประกอบ) นอกจากนั้นก็จะเป็นเรื่องของการแต่งสี แน่นอนครับ เรื่องสีสันกลมกลืนของ Ad นี้ใครๆ ก็รู้ดี ผมจึงจะไม่พูดมาก..
แต่การจะวาง Ad ในตำแหน่งทำเงินอย่างที่บอกไปนั้น ทางระบบของ Blogger เองก็ไม่ให้เราทำได้ง่ายนัก ถ้าคุณใช้ Widget จากเมนู Page Element ที่จับวางสร้างส่วนต่างๆ ได้อย่างง่ายดาย คุณก็จะพบว่า Blogger จะไม่ให้เราสามารถวาง Ad ในตำแหน่งที่ว่านั้นได้เลย ไม่ว่าจะพยายามยังไงก็ตาม แถมเราก็สร้าง Channel เพื่อใช้ติดตามผลกับ Ad Manager ใหม่ของ AdSense ก็ไม่ได้อีีกด้วย (ถ้าทำได้ภายใน Blogger บอกผมด้วยนะครับ แต่ผมหาไม่เจอ) ถ้าเราสร้าง Ad จากภายใน Blogger ดังนั้น เราจะต้องใช้วิชากันหน่อยเพื่อการทำเงินไม่ให้้น้้อยหน้าไปกว่าคนอื่น ด้วยการวาง Ad ตามแบบฉบับเว็บไซต์ธรรมดาที่เขาทำกันมาช้านาน มาดูขั้นตอนกันเลยครับ
1- ไปที่ Google AdSense เพื่อสร้าง ad ให้สีสันตรงกับ Template ที่คุณใช้ที่สุด แล้วสร้าง channel ให้ใหม่เพื่อการติดตามผลการทำเงินของ Ad ตัวนี้โดยเฉพาะ (ถ้ามองสีไม่ออก ให้เปิดบล็อกคุณขึ้นมาแล้วใช้เบราเซอร์ดูสีจาก Source Code)
2- เข้าไปที่ เมนู Layout > Edit HTML

3- คลิก Expand Widgets Templates

4- มองหาโค้ดต่อไปนี้ เพื่อใส่วางโค้ด AdSense ไว้ตรงกลางระหว่าง:
<div class=’post-body entry-content’>
[Google AdSense Code] อย่าลืมแปลง adsense code ก่อนด้วย Blogger Ad Code Converter นะครับ
<data:post.body/>
หรือ
<p><data:post.body/></p>
มาถึงตรงนี้ให้คุณลองไปยังโฮมเพจดูแล้ว ทดสอบดูก่อนว่าใช้ได้หรือไม่ ถ้ายัง ก็ให้มาดูว่าตกหล่นอะไรหรือไม่ จริงขั้นตอนนี้ก็ถือว่เสร็จแล้วสำหรับบางคน แต่สำหรับผมแล้วผมว่าเราควรทำให้มันสวยงามเป็นระเบียบขึ้นเหมือนในภาพตัวอย่าง เพื่อความน่าคลิกยิ่งขึ้น ด้วยการให้ Ad นั้นแสดงทางซ้าย และให้ตัวหนังสือ Wrap อยู่ทางขวาเหมือนการใส่ภาพทั่วไป ดังนั้นมาต่อขั้นตอนที่ 5 กันเลยครับ
5- ทำให้เนื้อหาของโพสพันรอบ Ad (Wrap) ด้วยการใช้คำสั่ง Float วางไว้ก่อนและหลังโค้ด AdSense ตามภาพและโค้ดดังนี้:
<div style=”float: left;”>
[Google AdSense Code]
</div>
เมื่อเรียบร้อบแล้ว โค้ดทั้งหมดจะต้องมีหน้าตาดังต่อไปนี้

จะสังเกตุได้ว่า โค้ดที่ได้มาจาก adsense นั้นจะหน้าตาเปลี่ยนไป เพราะได้แปลงด้วย Blogger Ad Code Converter แล้ว จบแล้วครับสำหรับเทคนิคง่ายๆ นี้ คราวหน้าผมจะนำเอาเคล็ดลับการแสดง Ad เฉพาะหน้าโพส และการทำ Excerpt ในโฮมเพจมาฝากกันต่อ
*โพส แก้ไขแล้ว จากที่บอกว่าให้รอ impression แรกนั้น ไม่ต้องรอครับ แต่แค่แปลงโค้ด adsense ก่อน ผมขอให้เครดิต คุณ Satan ที่ทำให้ ad แสดงได้ทันทีจากการใช้ Blogger Ad Code Converter
...
Related posts brought to you by Yet Another Related Posts Plugin.
- Published by JO-DML in: Blogger Tips Google Adsense
- If you like this blog please take a second from your precious time and subscribe to my rss feed!




41 Responses to “ติด AdSense ให้คลิกง่ายใน Blogger หลังไทเทิ้ล (แก้ไข)”
ทำได้ทุกTemplatesป่าวครับผมลองทำมันขขึ้นแบบนี้อะครับ
ไม่สามารถแยกวิเคราะห์แม่แบบของคุณเนื่องจากมีรูปแบบไม่ถูกต้อง โปรดตรวจสอบว่าองค์ประกอบ XML ทั้งหมดมีการปิดอย่างถูกต้อง
ข้อความแสดงข้อผิดพลาดของ XML: Open quote is expected for attribute “{1}” associated with an element type “style”.
Templatesอันนี้ผมไปโหลดมาจากที่อื่นครับไม่ได้ใช้ของ blogger ครับ
ใช้กับ template มาตราฐานได้และ ก็ใชได้กับ template ที่สร้างมาเพื่อ blogger ที่มีโค้ดตามที่คุณ อนุชา บอกไว้นะคะ ลองแล้วค่ะ template เวลาจะหาต้องหาเว็บที่ให้ template ที่ไม่ได้แปลงมาจาก template wordpress คุณ อนุชา พอมี template แบบนั้นให้บ้างไหมคะ
ขอบคุณครับ ผมลองครั้งแรกใช้ได้เลยครับ ขอบคุณ ขอบคุณครับ คนที่ทำไม่ได้ผมแนะนำให้ดูโค้ดปิด ดีๆ ลืมปิดโค้ดหรือเปล่า เช่น หรือให้ลองทำแบบไม่ float ดูก่อน เมืื่อวางหลังไทเทิ้ลได้แล้ว ค่อยทำ float ทีหลัง
เอ่อ คือลืมบอกไปครั้บ ถ้าเราใช้ ad ที่สร้างจาก channel ใหม่ครั้งแรก ad จะไม่แสดงจนกว่าจะได้ impression แรกก่อนนะครับทุกท่านครับ สถานะ ad มันจะเป็น new อยู่ แทนที่จะเป็น active นะคครับ แต่การใส่ ad แบบนี้ให้ผลดีกว่าในระยะยาวแน่นอน เพราะยิ่ง ad มีอายุมากเท่าไหร่ มันก็ยิ่งได้ค่าคลิกมากขึ้นตามอายุไปด้วย
ผมก็ใช้Templatesจากลิ้งค์ในคอมเม้นพี่อะครับทำตามตัวอย่างทุกขั้นตอนมันก็ยังขึ้นแบบนี้อะครับพี่ “ไม่สามารถแยกวิเคราะห์แม่แบบของคุณเนื่องจากมีรูปแบบไม่ถูกต้อง โปรดตรวจสอบว่าองค์ประกอบ XML ทั้งหมดมีการปิดอย่างถูกต้อง
ข้อความแสดงข้อผิดพลาดของ XML: Open quote is expected for attribute “{1}” associated with an element type “style”. “
ขอโทษครับ ผมก็ลองทำตาม แรก ๆ ทำได้ตามที่แนะนำครับ แต่ตอนที่ใช้คำสั่งเพิ่มให้ข้อความ wrap อยู่ด้านขวานั้น พอคลิกปุ่ม “บันทึกแม่แบบ” มันก็จะฟ้อง error ทันทีครับ
แต่พอผมลองสังเกตุดี ๆ ปรากฎว่า เราต้องไปเปลี่ยนเครื่องหมาย ” ให้เป็น ‘ แทนครับ แล้วมันก็จะไม่ฟ้องอะไรอีก ยกตัวอย่าง
[Google AdSense Code]
ด้านบนคือลักษณะโค้ดเดิม
[Google AdSense Code]
ส่วนด้านล่างนี้คือแก้ไขให้ตรงกับภาพตัวอย่างครับ
แล้วมันก็จะผ่านครับ ยังไง ๆ ลองเอาไปแก้ดูนะครับ ถ้าไม่ได้อีกผมเองขอชิ่งก่อนล่ะครับ..ซะงั้น
อ้าว..แย่เลย.. มันไม่แสดงอ่าครับ.. ทำไงดีอ่ะ ว่าแต่อ่านที่ผมอธิบายพอจะเข้าใจมั้ยครับ? เอางี้แล้วกัน เอาเป็นว่า ตรงคำว่า “float: left,” ให้เปลี่ยนเป็น ‘float: left,’ แบบนี้แทนอะครับ เปลี่ยนแค่สองที่นี้แหล่ะครับ เสร็จเลย
เราไม่สามารถบันทึกแม่แบบของคุณ
โปรดแก้ไขข้อผิดพลาดด้านล่าง และส่งแม่แบบของคุณอีกครั้ง
ไม่สามารถแยกวิเคราะห์แม่แบบของคุณเนื่องจากมีรูปแบบไม่ถูกต้อง โปรดตรวจสอบว่าองค์ประกอบ XML ทั้งหมดมีการปิดอย่างถูกต้อง
ข้อความแสดงข้อผิดพลาดของ XML: Open quote is expected for attribute “{1}” associated with an element type “style”.
แ้ก้ยังไงครับ?
@kamnitnoom ผมคงบอกไม่ได้ว่ามันผิดปกติตรงไหน บอกได้แต่ว่าถ้าคุณตรวจทานโค้ดที่ให้ไปหมดแล้ว และยังใช้ไม่ได้ ก็มีอยู่กรณีเดียวคือต้องเปลี่ยน template ครับ เพราะผมลองทำดูเองแล้วใช้ได้ปกติ ยังไงลองตรวจดูโค้ดว่าใส่ถูกต้องหรือไม่ครับ
แน่นอนครับ เหลือแค่รอให้ ad แสดงจาก impression แรก เท่านั้นสำหรับ ad ที่เพิ่งสร้าง channel ใหม่แล้วมีสถานะเป็น new
ลองเข้าไป convert จากเวปนี้ดุก่อนครับ เพราะบางธีีมผมทำไม่ได้ ก็เอาไปคอนเวิรท ปั้บ พอไปใส่ได้เลย มันจะเหมาะกับ ธีมที่เป็น xml http://www.eblogtemplates.com/blogger-ad-code-converter/
ปล. คุณอนุชา ครับ ผมอยากอ่านหนังสือเล่มใหม่แล้วนะครับ รอดูผลงานอยู่นะครับ เอารูปขึ้นบล็อกด้วยก็ดีนะครับ จะได้ไปขอลายเซนต์หน่อยเวลาเจอตัว
@Satan ขอบคุณมากครับ ที่ช่วยให้ข้อมูลอีกทาง หนังสือใกล้คลอดเต็มทีแล้วครับ คงไม่เกินเดือนสิ้นเดือนหน้าครับ แล้วจะเอารูปขึ้นครับ ขอบคุณอี่กครั้งครับ
ผมแก้้ไขโพสให้ทุกคนแล้วนะครับ ตอนนนี้ใช้ได้แน่นอนกับทุก Template ครับ ด้วยการแปลงโค้ด adsense ก่อนเอามาใช้งานด้วย Blogger ad code converter (ดูที่โพสใหม่แล้วจะเข้าใจครับ)
ไชโย้… ทำได้แล้ว…ดีใจจัง.. ขอขอบคุณคุณอนุชา และคุณ satan เป็นอย่างยิ่งครับ…
ด้วยมิตรภาพ
คุณอนุชาครับ ผมก็เป็นอีกคนหนึ่ง ที่ติดตามอ่านงานเขียนคุณเสมอมา เล่มต่อไปจะรออ่านนะครับ
@kamnitnoom ยินดีด้วยครับ มีคนอ่านแล้วทำได้ ผมก็พลอยดีใจไปด้วย
ผมทดลองทำตามที่คุณบอกแต่ก็ไม่ได้สักทีเลยเปลี่ยน template ใหม่ก็ยังไม่ได้ ผมเลยลอง เอา code adsense ที่ไม่ได้แปลงนะคับ ไปวางที่ template ใหม่ ปรากฎว่าได้ผลคับ ก็ได้ตาม blog Tip & Trick นี่ละคับ มีอะไรแนะนำก็ ลองคอมเม้นได้นะคับ
ขอบคุณข้อมูลที่แบ่งปันครับ กระผมกำลังเริ่มต้นพอดีเลย แล้วจะกลับมาอ่านอีก
ผมได้ลองดูแล้วก็เกิดปัญหาเออเร่อ เซฟไม่ได้เหมือนกัน เลยลองดูทีละบรรทัดพบว่าตรงโค้ดที่ให้พันรอบ เนื้อหาที่คุณเขียนไว้มันจะเป็นยังงี้
จริงๆแล้วต้องเป็นอันนี้ครับ
ผมแก้แล้วก็เซฟได้เรียบร้อย ยังไงเพื่อนๆลองแก้ดูนะครับ
ต้องอันนี้ wrap แน่นอน
style=”float: left;”>
ของผมเจอปัญหาโดนเตือนจาก google ครับ ประมาณว่าหัวข้อ title มันสุ่มเสี่ยงไปนี๊ดเช่น
title บทความการหาอาหารที่ถูกที่แก่ลูกหมาของท่าน
ads
article
ก็ให้เพื่อนๆระวังเรื่อง title ด้วยนะครับว่ามันสุ่มเสี่ยง ชี้นำให้คลิกไปที่ ads หรือเปล่า?
ขอบคุณครับ แล้วถ้าเราจะให้ Blog ของเรา ทำให้คนอื่นเห้นจะต้องทำยังไงครับ
เป็นวิธีที่สุดยอดเลยอะ เดี่ยวต้องลองเอาไปใช้
ผมอยากรู้อ่ะครับว่ามันผิดกฎการแปลงโค้ดหรือเปล่าอ่ะครับ
ขอบคุณครับ สำหรับบทความดีๆแบบนี้ครับ เอาไปปรับใช้ตามได้เลยครับ
อยากใส่ไว้ด้านบนตรงกลาง
กับด้านล่างตรงกลาง
ด้านบนกับด้านล่างบทความน่ะครับ
ต้องทำยังงัยครับ
ผมเข้าใจว่า google ห้ามนำโค๊ด adsense ไปดัดแปลง แล้วแบบนี้กลัวถูกแบนครับ ผมเข้าใจถูกหรือเปล่าครับ
คนละเรื่องกันครับ เราไม่ได้ดัดแปลงเพื่อโกงรายได้ครับ ใครๆ เขาก็ทำกันครับ
ยอดเยี่ยมมากครับ ลงในเนื้อหาได้พอดีเลยครับ
ผลงานของผม http://www.learn-forex-market.com
ต้องขอขอบคุณเจ้าของบทความมากๆ เลยครับ
รบกวนหน่อยผมมีปัญหา ใส่โค้ดของ google AdSense ไม่ได้มันไม่show เเละผมหาในblog
ของผมไม่มีเเละผมใช้เเบบblogอื่นไม่ใช่ของblogger ผมส่งตัวอย่างblog
มาให้ดูด้วยครับ คือผมทดลองสร้าง blogดูเฟื่อหารายได้เเค่อาทิตย์เดียวเเต่ติด google AdSense ผมไม่มีพื้นฐานนี้เลยครับช่วยบอกทีลงโค้ดให้ด้วยครับ
ขอบคุณครับ
ตัวอย่าง blog ผมครับhttp://smo-online.blogspot.com
ผมไม่รบกวนเเล้วครับโฆษณาผมshow เเล้วครับผมเพิ่มที่Gadget
ว้าว ได้แล้ว มัวแต่งมใส่ post ทีละบทความมาตั้งนาน
ขอบคุณสำหรับเทคนิคดีๆครับผม
ขอบคุณมาก ๆ ครับ ทดสอบมาแล้วใช้ได้เยี่ยมเลยครับ
ขอบคุณมากครับ
ขอบคุณสำหรับเทคนิคดี ๆ ผมจะลองนำไปใช้ในบล็อกของผมครับ เดี่ยวถ้ามีปัญหาจะเข้ามาสอบถามอีกที
ขอบคุณอีกครั้ง
ทุกคนครับ ผมใช้ได้ผลกับ template มาตราฐาน และ template ที่สร้างมาเพื่อ blogger เท่านั้น template ที่ใส่เข้าไปแล้วไม่ทำให้หน้า page element เละเทะ เช่น จากที่เว็บนี้ http://www.bloggerbuster.com/2008/08/125-more-excellent-blogger-templates.html
ที่ทำไม่ได้มันมีอาการอย่างไรครับ ไหนบอกรายละเอียดซิครับ ad ไม่แสดง หรือหาโค้ดไม่เจอครับ
Leave a Reply