วิธี Block และกรอง MFA Site โดยใช้ AdSense Preview tool

หลาย ๆ วันที่ผ่านมาผมได้นั่งสังเกต AdSense ที่ผมติดเอาไว้บนบล็อกของตัวเอง และได้พบว่ามีหลาย ๆ โฆษณาไม่ได้ตรงกับเนื้อหาบนบล็อกของผมเลย   ผมจึงได้ทดลองเข้าไปตั้งค่าการกรองโฆษณาที่บัญชี  AdSense  ของตนเอง (ซึ่งที่จริงผมได้เข้าไปตั้งค่าเอาไว้อยู่แล้ว) แต่ผลที่ปรากฎก็คือ โฆษณาที่ไม่ต้องการก็ยังมาปรากฎใน AdSense บน Blog ของผมอยู่ดี ยกตัวอย่างเช่น บล็อกของผมเขียนเรื่องราวเกี่ยวกับการทำบล็อก ดังนั้นโฆษณาที่น่าจะปรากฎก็ควรจะเกี่ยวข้องกับเรื่องทำเว็บไซต์ Web design หรือ เรื่อง SEO เป็นต้น มันไม่ควรจะมีโฆษณาเรื่องเกี่ยวกับ พบรักหนุ่มฝรั่งออนไลน์ หรือหารายได้ 3000 บาทต่อวัน หรือ ลดความอ้วน อะไรทำนองนี้มาปรากฎเลย

เหตุผลอันหนึ่งคือ อาจจะจริงอยู่ที่ผมอาจจะทำให้ Keyword มันหนาแน่นใน 1 บทความไม่พอ คือไม่พอที่จะทำให้ adsense ที่ปรากฎได้ตรงกับเนื่อหาของบทความ เพราะผมเขียนบทความให้คนอ่านไม่ใช่ให้ Bot อ่าน ทำอะไรที่ฝืนธรรมชาติไปก็ไม่ดีเพราะสุดท้ายถ้าทำให้ Bot อ่านได้ดีแล้ว คนอ่านนั่นแหละครับที่จะเลิกอ่านบล็อกผม(เพราะอ่านไม่รู้เรื่อง)

อย่างไรก็ตามผมก็ยังไม่ยอมง่าย ๆ จึงคิดต่อไปว่ามันน่าจะมีวิธีที่ทำให้โฆษณาพวกนี้ไม่มาปรากฎบนบล็อกของเรา



หลังจากที่คิดได้แบบนั้นผมก็ลองสังเกตในส่วนของการตั้งค่าตัวกรองโฆษณาของ คู่แข่ง พบข้อความที่น่าสนใจที่ได้ทำ Hilight ไว้ในภาพข้างบน โดยข้อความสีชมพูนั้นก็คือ URL ของบล็อก/เว็บไซต์ที่แสดง Adsense ซึ่งผมได้ทำไปแล้วคือ การใส่ URL ของบล็อกหรือเว็บของเรา  ที่ต้องการแสดงโฆษณา (ถ้าคุณยังไม่ได้ทำ ก็ให้ทำตอนนี้เลยครับ)

แต่ข้อความที่กล่าวไว้ในรูปข้างบนที่ว่า URL ปลายทางของโฆษณา (ที่ต้องการ block หรือให้มีการกรอง) ผมและคุณคงก็คงจะสงสัยเหมือนกันว่าจะรู้ได้อย่างไร? คลิกดูเลยดีไหม? อ๊ะๆ ช้าก่อนท่านจอมยุทธ…ถ้าทำอย่างนั้นก็โดนแบนข้อหาคลิกโฆษณาตัวเองแน่ๆ เพราะเราคลิกเพื่อดู URL ปลายทางของโฆษณาไม่ได้ ดังนั้นต่อไปเราจะหาวิธีอื่นๆ ในการดู URL ปลายทางของโฆษณา ที่เราต้องการจะ block หรือกรองออกจากบล็อก/เว็บไซต์ของเรา

จากนั้นผมจึงได้ลองเข้าไปศึกษาที่ AdSense Support และก็ได้พบข้อมูลที่ต้องการจริง ๆ ครับ (หลังจากงมอยู่นาน) และข้อมูลที่ได้มาคือ เราสามารถตัดโฆษณาที่เราต้องการออกจาก AdSense ที่ปรากฎอยู่ เพราะ AdSense Support ให้เหตุผลว่า บางโฆษณาอาจจะเป็นโฆษณาจากคู่แข่งของเราเอง และบางโฆษณาอาจจะเป็นโฆษณาจากเว็บที่สร้างขึ้นมาติด AdSene โดยเฉพาะ ภาษาอังกฤษเรียกว่า Made For Adsense  และใช้ตัวย่อว่า MFA

ลักษณะของเว็บไซต์ที่เข้าข่ายเป็น MFA

1. ไม่ได้ตั้งใจให้สาระกับคนอ่านจริง ๆ หรือไม่ได้เน้นความสวยงาม หรือความมีสาระของเนื้อหาเท่าที่ควร
2. ทั้งหน้าจะมี AdSense อยู่ในปริมาณที่มาก เพื่อให้เกิดการคลิกได้ง่าย
3. พยายามติด Adให้คลุมเครือ เพื่อให้คนเข้าใจผิดหรือหลอกให้คลิก
4. ชื่อหรือ URL ของไซต์มักเป็น sub domain เช่น myjobstreet-beta.abc.com แทนที่จะเป็น www.abc.com

และที่เราควรจะทราบเอาไว้ก็คือ เหตุผลหนึ่งในการส่งผลให้ค่าคลิกบนเว็บหรือบล็อกโคตรถูก= 0.001US ก็เป็นเพราะพวกขยะ MFAพวกนี้ด้วย (แต่ก็ไม่ใช่ทั้งหมดนะครับ) และปัจจุบันพวก MFAก็โดนแบนกันไปเยอะแล้ว

และสำหรับวิธีการ block โฆษณาที่ไม่ต้องการ และพวก MFA ที่ได้ความรู้มาจาก AdSense Support ซึ่งผมได้ทดลองทำดูแล้วได้ผลดีทีเดียวครับจึงขอนำมาเล่าต่อให้เข้าใจง่ายขึ้นดังนี้ครับ


วิธีการกรองและปิดกั้นโฆษณาที่ไม่ต้องการ

ขั้นที่ 1ดาวน์โหลดและติดตั้งเครื่องมือที่ชื่อว่า AdSense Preview tools

1.1 คลิกขวาที่ลิงค์นี้ >> AdSense Preview tools   >> แล้วเลือกบันทึกเป็น
1.2 ไฟล์ที่ได้จะเป็น ไฟล์ชื่อ preview.reg ซึ่งเป็นไฟล์ของค่า registry ที่เราจะเพิ่มเข้าไปใน Internet Exploler



1.3 คลิกขวาที่ไฟล์ preview.reg แล้วเลือก run (หรือจะดับเบิ้ลคลิกก็ได้)




ขั้นที่ 2  ดู URL ปลายทางของโฆษณากรอง

2.1 เปิดบล็อก/เว็บไซต์ที่คุณต้องการกรองโฆษณาใน Internet Exploler เท่านั้น!!
2.2 คลิกขวาบนหน้าบล็อก/เว็บไซต์ที่ต้องการกรองโฆษณา แล้วจะเห็นเครื่องมือ Google AdSense Preview tool 
ปรากฎอยู่ และให้เลือกที่เมนูนั้น



2.3 เมื่อคลิกขวาและเลือก Google AdSense Preview tool  จะปรากฎหน้าต่างดังนี้



2.4 คลิกที่ Option แล้วเลือกประเทศที่ที่จะให้เป็นมุมมองในการเผยแพร่ AdSense ในที่นี้ผมเลือกไทย
(ถ้าเลือกประเทศอเมริกา ก็จะทำให้คุณสามารถดูว่าผู้ใช้ในประเทศอเมริกาจะเห็นอะไร แม้ว่าคุณจะอยู่ในประเทศไทยก็ตาม)



2.5 เจากนั้นลือกโฆษณาที่คุณต้องการดู URL (หรือที่ต้องการบล็อก)



2.6 จากนั้นคลิกที่ข้อความ Show Selected URLs และคัดลอก URL เพื่อนำไปเปิดดูว่าเว็บไซต์ปลายทางของโฆษณาว่าเป็นเว็บไซต์จำพวก MFA หรือเป็นโฆษณาที่ตรงกับที่คุณต้องการหรือไม่



2.7 คุณอาจจะนำรายชื่อของเว็บไซต์ไปวางใน MS excel  ก็ได้เพื่อตรวจสอบรายชื่อที่ซ้ำกันได้ง่ายขึ้น
2.8 ทำซ้ำขั้นตอน 2.2 จนถึง 2.7 กับทุก ๆ หน้าที่คุณต้องการกรองโฆษณาให้ได้ URL ของโฆษณาที่ต้องการกรองออก จนเป็นที่พอใจแล้ว นำไปกรอกข้อมูลใน AdSense ต่อในขั้นที่ 3


ขั้นที่ 3 กรอกURLของโฆษณาที่ต้องการกรองออก ที่บัญชีAdSenseของคุณ

3.1 log in เข้าไปที่ AdSense
3.2 ไปที่เมนู การตั้งค่า AdSense >> ตัวกรองโฆษณาของคู่แข่ง



3.3 กรอก URL ที่ต้องการกรองที่ได้สร้างไว้ในขั้นที่ 2 ตามคำแนะนำของระบบ







เมื่อทำจบทั้ง 3 ขั้นตอนและรอประมาณ 30 นาที แล้วลองกลับเข้ามาดูที่หน้าบล็อกของคุณอีกครั้ง ว่าโฆษณาที่ไม่พึงประสงค์นั้นถูกคัดกรองออกไปหรือไม่ สำหรับบล็อกของผมเองดีขึ้นมากทีเดียวครับ(โฆษณาขยะหายไปเยอะเลย)

หมายเหตุ
1. ควรทำการกรองโฆษณาบ่อย ๆ เพราะพวก MFA จะเปลี่ยน URL มาหาเราอยู่เรื่อย ๆ
2. วิธีนี้ต้องใช้ Internet Exploler ในการทำเท่านั้น
3. วิธีนี้เชื่อถือได้แน่นอนครับเพราะผมสืบค้นและเรียบเรียงมาจาก Adsense Support ครับ
4. บทความถัดไปผมจะพูดถึงการกรองโฆษณาโดยใช้ adsblacklist.com มาช่วย อย่าลืมติดตามครับ

บทความนี้ตกหล่นยังไงขออภัย และถ้าถูกใจอย่าลืมบอกต่อหรือให้กำลังใจกันบ้างนะครับ ขอบคุณและสวัสดีครับ

วิธีสร้างพื้นที่สำหรับ Add Gadgets ที่ Blogger Header

บทความนี้ผมจะสอนให้เพิ่มพื้นที่สำหรับ Add Gadget ที่ตำแหน่ง Blogger header วิธีการนี้อาจจะเรียกว่าเป็นวิธีแบ่ง Header Column ออกเป็น 2 column ก็ได้ ประโยชน์จากการทำตามบทความนี้ คุณก็จะได้พื้นที่สำหรับติดตั้ง Banner หรือติดตั้ง AdSense โค้ด หรืออาจจะเพิ่ม Gadget อื่น ๆ ที่ส่วนหัวของบล็อกตามที่คุณต้องการได้ โดยหลักการทำจะใช้วิธีดัดแปลง CSS และ HTML โค้ดใน Template ของคุณ

วิธีเพิ่มพื้นที่สำหรับ Add Gadget ที่ส่วน Header

ก่อนอื่นเราผมจะให้ดู Layout และโค้ดเดิมใน Template ก่อนทำการปรับแก้ และก่อนที่จะปรับแก้โค้ดขอให้ท่านทำการ backup แม่แบบ เอาไว้ก่อนเพื่อป้องกันความผิดพลาด

ขั้นที่ 1 ค้นหาโค้ดเดิม

ในที่นี้ผมจะใช้ Template Minima เป็นตัวอย่างในการปรับแต่ง ส่วน Template อื่นๆ ก็จะปรับแต่งได้คล้ายกับตัวอย่างนี้

ก่อนทำการปรับแก้เราจะเห็นว่าส่วนหัวของบล็อกยังมี Column เดียว

ซึ่งถ้าเข้าไปที่ การออกแบบ >>  แก้ไข HTML คุณจะพบโค้ดที่กำหนดส่วนหัวดังนี้

CSS โค้ที่กำหนด Header

#header-wrapper {
width:1000px;
margin:0 auto 10px;
border:1px solid $bordercolor;
  }
#header-inner {
background-position: center;
margin-left: auto;
margin-right: auto;
}
#header { 
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font-family: copperplate gothic light,Helvetica,Arial,serif;
font-variant:small-caps;
}
#header a {
color:$pagetitlecolor;
text-decoration:none;
font-family:copperplate gothic light, Arial,Helvetica;
font-variant:small-caps;
}
#header a:hover {
color:$pagetitlecolor;
}
#header .description {
margin:0 5px 5px;
padding:0 20px 15px;
max-width:1000px;
text-transform:uppercase;
letter-spacing:.2em;
line-height: 1.4em;
font: $descriptionfont;
color: $descriptioncolor;
}
#header img {
margin-$startSide: auto;
margin-$endSide: auto;
}

ซึ่ง CSS ที่เราจะทำการปรับแต่งคือ CSS ในส่วนสีแดง

HTML

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='MY DESIGN (ส่วนหัว)' type='Header'/>
</b:section>
</div>

ขั้นที่ 2 ปรับแต่งโค้ดเดิมและติดตั้งพื้นที่สำหรับ Add Gadget

2.1 ให้ปรับแก้ CSS โค้ดเดิมดังนี้

จากโค้ดเดิม

#header { 
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

ให้แก้ใหม่เป็น

#header {
float:left;
width:40%;
height:120px;
margin: 5px;
border: 1px solid $bordercolor;
text-align: center;
color:$pagetitlecolor;
}

สังเกตโค้ดสีน้ำเงินที่เพิ่มเข้าไป เป็นการลดความกว้างของไอดี Header ให้มีความกว้างเพียง 40 % และชิดซ้าย  ส่วนความสูง 120px คุณสามารถจะกำหนดเพิ่ม/ลดได้ตามความเหมาะสม เมื่อทำตามขั้นตอนนี้แล้วผลที่ได้จะเปลี่ยนจากเดิมเป็นดังรูปด้านล่าง



2.2 เพิ่ม CSS ของพื้นที่ใหม่

ต่อไปกำหนด CSS ของส่วนที่เราจะเพิ่มเข้าไปดังนี้ ต่อเนื่องจากชุดโค้ดของ ไอดี header ให้วางโค้ดต่อไปนี้ลงไปแล้วบันทึก

#header2{
float:right;
width:58%;
height:120px}

หมายเหตุ ความกว้างและความสูงของไอดี header2 อาจจะกำหนดให้พอดีกับขนาดของ Banner ก็ได้ เช่นกำหนดเป็น

#header2{
float:right;
width:468px;
height:120px}

2.3 ต่อเนื่องจากการเพิ่ม CSS ให้ค้นหาโค้ด

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='MY DESIGN (ส่วนหัว)' type='Header'/>
</b:section>
</div>

(การค้นให้เจอเร็วที่สุดคือ กด Ctrl + F และใช้คำค้นว่า(ส่วนหัว)  และโค้ดที่พบอาจจะไม่ได้เหมือนโค้ดในตัวอย่างทั้งหมด)

จากนั้นแก้โค้ดส่วนนี้ใหม่เป็น

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='MY DESIGN (ส่วนหัว)' type='Header'/>
</b:section>
<b:section class='header' id='header2' maxwidgets='2' showaddelement='yes'/>
</div> <div style='clear:both;'/>

( ในที่นี้ผม locked ให้เพิ่มได้ 2 Gadget เพราะไม่อยากให้เพิ่มเยอะเกินไป ) จากนั้นบันทึกแม่แบบ



ขั้นที่ 3 เมื่อมาดูที่องค์ประกอบของหน้าคุณจะพบว่ามีพื้นที่สำหรับ Add Gadget แล้ว



คุณสามารถเพิ่ม Gadget ต่างๆ ในบริเวณนี้ตามความต้องการ เช่น

► AdSense โค้ด ขนาด 468 x 60
► กล่องค้นหา
► Banner ขนาด 468 x 60
► Google Translate
► Social Bokmark icon เป็นต้น

หวังว่าบทความนี้คงเป็นประโยชน์สำหรับ Blogger หลาย ๆ ท่านนะครับ และขอฝากว่า ถ้าคุณคิดว่าเนื้อหาของบล็อกนี้มีประโยชน์ก็ช่วยบอกต่อกันด้วยนะครับ สวัสดีครับ

วิธีแสดงโค้ด Google AdSense ในบางหน้าของ blogger (ตอนที่ 6)

ต่อเนื่องจากการติดตั้งโค้ด AdSense บน blogger ซึ่งผมได้นำเสนอไปทั้งสิ้น 5 วิธีด้วยกัน ในขั้นต่อมาผมก็จะนำเสนอการเลือกแสดงโค้ด AdSense ในบางหน้าของ blogger


เหตุใดจึงต้องเลือกแสดงโค้ด  AdSense ในบางหน้า ?

เนื่องจากกติดกาในการติด AdSense แต่ละชนิดมีการจำกัดจำนวนเอาไว้ เช่น ถ้าเป็น Adsense ชนิด Ads Units ก็จะติดได้สุงสุด 3 Units/หน้าเป็นต้น (ผมได้อธิบายไว้แล้ว ในบทความ 5 วิธีติดตั้ง Google Adsense บน Blogger ตอนที่ 3 )

ดังนั้นจึงไม่มีประโยชน์ที่จะให้โค้ด AdSense แสดงในทุก ๆ หน้า  และด้วยวิธีการที่ได้เคยเสนอไปในบทความ การ เลือกซ่อนแสดง Gadget หรือ Sidebar จึงเป็นที่มาของเทคนิคในบทความนี้


วิธีการ

สมมติว่าขณะนี้ท่านได้มีโค้ดโฆษณาจาก Google AdSense อยู่แล้ว (หากยังไม่มีอ่าน >> วิธีสร้าง AdSense )


กรณีที่ 1 ถ้าต้องการให้โค้ดของ  AdSense ปรากฎเฉพาะหน้าแรก ให้เติมโค้ดสีแดง ปิด หัว และท้าย เข้าไปดังนี้

<b:if cond='data:blog.url == data:blog.homepageUrl'>

<!--โค้ด Google AdSense-->

</b:if>



กรณีที่ 2 ถ้าต้องการให้โค้ดของ AdSense ปรากฎเฉพาะหน้าที่มีการแสดงบทความ ให้เติมโค้ดสีแดง ปิด หัว และท้าย เข้าไปดังนี้


<b:if cond='data:blog.pageType == &quot;item&quot;'>

<!--โค้ด Google AdSense-->

</b:if>


กรณีที่ 3  ถ้าต้องการให้โค้ดของ AdSense ปรากฎเฉพาะหน้าที่มีการแสดงคลังบทความของบล็อก ให้เติมโค้ดสีแดง ปิด หัว และท้าย เข้าไปดังนี้


<b:if cond='data:blog.pageType == &quot;archive&quot;'>

<!--โค้ด Google AdSense-->

</b:if>


กรณีที่ 4  ถ้าต้องการให้โค้ดของ AdSense ปรากฎเฉพาะหน้าแรก + หน้า Label + หน้า Search ให้เติมโค้ดสีแดง ปิด หัว และท้าย เข้าไปดังนี้


<b:if cond='data:blog.pageType == &quot;index&quot;'>

<!--โค้ด Google AdSense-->

</b:if>


กรณีที่ 5 หากคุณเพิ่มโค้ดของ AdSense โดยใช้วิธี Add gadget ชนิด HTML/จาวาสคริปต์ ก็ใช้วิธีเดียวกับ 3 กรณีที่ได้กล่าวมาแล้ว และต้องศึกษาวิธีเพิ่มจากบทความ >> การเลือกซ่อนแสดง Gadget หรือ Sidebar

ที่มา http://www.hackublog.com/2010/04/google-adsense-blogger-6.html 

5 วิธีติดตั้ง Google Adsense บน Blogger (ตอนที่ 5)

บทความนี้เป็นบทความที่ต่อเนื่องมากจากบทความ 5 วิธีติดตั้ง Google Adsense บน Blogger (ตอนที่ 4) หากคุณต้องการอ่านตั้งแต่เริ้มต้นควรอ่านตั้งแต่ 5 วิธีติดตั้ง Google Adsense บน Blogger (ตอนที่ 3) ครับ

อย่างไรก็ตามแต่ละตอนก็ยังมีความอิสระจากกันคุณสามารถอ่านวิธีติดตั้ง AdSense เฉพาะในบทความนี้ได้เลยครับ


วิธีที่ 4 เพิ่ม Adsense จาก กล่องบทความบล็อก

วิธีนี้ทำได้เช่นเดียวกับการเพิ่ม Gadget Adsense แต่แตกต่างตรงที่ตำแหน่งของ Adsense จะอยู่เหนือหรือใต้บทความ

4.1 Log in เข้าไปที่ draft.blogger >>  ไปที่แผงควบคุม >>รูปแบบ >> องค์ประกอบของหน้า

คลิกแก้ไขที่กล่อง บทความบล็อก 

4.2 ในส่วนนี้มีค่าต่าง ๆ ที่ให้ตั้งค่าที่น่าสนใจมากมาย (หลายคนไม่เคยคลิกเข้ามาดูเลย) ประเด็นของเราคือเพิ่ม Adsense

  ดังนั้นเลือก แสดงโฆษณาระหว่างบทความ

4.3 เมื่อปรากฎเครื่องมือในการตั้งค่า คุณก็สามารถตั้งค่าได้เช่นเดียวกับการเพิ่ม Gadget ที่ได้กล่าวมาข้างต้นแล้ว

4.4 เมื่อตั้งค่าเสร็จสิ้นแล้วก็ทำการบันทึกครับ ผลลัพธ์ที่ได้จะเป็นดังนี้ครับ

---

---

วิธีที่ 5 ใส่ Adsense โดยเข้าไปแก้ไข HTML ของแม่แบบ

วิธีนี้จะเหมาะกับคนที่มีความชำนวญในการแก้ไขแม่แบบ (หรือพอเป็นอยู่บ้างเล็กน้อย) และมีข้อดีคือ สามารถเลือกวางในตำแหน่งในการวางโฆษณาได้ยืดหยุ่นกว่าวิธีอื่น ๆ จัดตำแหน่งได้สวยงามกว่าวิธีอื่น ๆ เช่น อาจวางไว้ใต้หัวเรื่อง หรือท้ายบทความเป็นต้น

ก่อนอื่นให้ทุกคนนำโค้ดของ Adsense ไป Convert เสียก่อนมิฉะนั้นเมื่อวางลงไปในแม่แบบแล้วจะไม่ปรากฎ

โดยไปที่ >> Blogger Ad Code Converter เมื่อได้โค้ดมาเรียบร้อยแล้วให้ดำเนินตามวิธีที่แนะนำไว้ดังนี้

5.1 ก่อนอื่นทุกคนจะต้องสร้างโค้ดของโฆษณาจาก Google Adsense เตรียมเอาไว้ก่อน และควรสร้างโค้ดให้มีขนาดกว้าง+ยาว เหมาะสมกับตำแหน่งที่จะวางด้วย สมมติว่าได้โค้ดเป็น

<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* 468x60, ถูกสร้างขึ้นแล้ว x/xx/xx */
google_ad_slot = "xxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>

ให้ทุกคนเพิ่มโค้ดสีแดงลงไปในอีก เพื่อให้ไม่เป็นปัญหาการแสดงผลกับโค้ดของ Adsense  ซึ่งจะได้โค้ดเป็น

<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* 468x60, ถูกสร้างขึ้นแล้ว x/xx/xx */
google_ad_slot = "xxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>

5.2 ต่อไปเราจะมาพูดถึงการวางโค้ดในตำแหน่งต่าง ๆ

Log in เข้าไปที่ blogger >>  ไปที่แผงควบคุม >> รูปแบบ >> แก้ไข HTML >> และเลือกขยายแม่แบบเครื่องมือ

5.3 กรณีที่ต้องการวาง Adsense ไว้ใต้หัวเรื่องของบทความ

ให้ค้นหาโค้ด (กด Ctrl + F ช่วยค้น อย่าลืมขยายแม่แบบเครื่องมือก่อน)

<div class='post-body'>

แล้ววางโค้ดในข้อ 5.1 ถัดจากโค้ดดังกล่าว Preview ดูตัวอย่างถ้าพอใจแล้วก็บันทึกแม่แบบครับ

ผลที่ได้

 

หมายเหตุ บางแม่แบบอาจจะหาโค้ด <div class='post-body'> ไม่พบ
ให้ค้นหาโค้ดด้านล่างนี้แทน
<data:post.body/>
เมื่อพบแล้วให้วางโค้ด AdSense เอาไว้ก่อนหน้าโค้ดดังกล่าว

5.4 กรณีที่ต้องการวาง Adsense ไว้ใต้บทความ

ให้ค้นหาโค้ด (กด Ctrl + F ช่วยค้น)

<div class='post-footer'>

แล้ววางโค้ดในข้อ 5.1 ก่อนหน้าโค้ดดังกล่าว Preview ดูตัวอย่างถ้าพอใจแล้วก็บันทึกแม่แบบครับ  

ผลที่ได้

5.5 กรณีที่ต้องการวาง Adsense แทรกลงไปในขณะเขียนบทความ

คุณอาจมีคำถามว่าเราจะแทรกโค้ดลงไปขณะเขียนบทความเลยได้หรือไม่ คำตอบคือได้ครับ แต่จะต้องทำความเข้าใจกันก่อน

5.5.1 ถ้าคุณไม่ใช้ Automatic Readmore คุณก้ควรจะแสดงบทความในหน้าหลักเพียง 1-2 บทความเท่านั้น เพราะ Adsense จะแสดงผลมากสุดแค่ 3 ตำแหน่ง ต่อ 1 หน้า ดังนั้นถ้าใส่โค้ดเข้าไปทุกบทความก็ต้องเลือกแสดงบทความในหน้าเดียวกันให้ น้อยลง (งงไหมเนี่ย)

5.5.2 การวางโค้ดลงไปในบทความควรเพิ่มโค้ดที่กำหนดระยะห่างจากขอบเอาไว้ด้วยเพื่อความสวยงาม นั่นคือเพิ่มโค้ดต่อไปนี้

<div style='float:right;margin:2px;'>

<!--ใส่ Adsense code ในข้อ 5.1 ตรงนี้-->

</div>

ซึ่งจะได้โค้ดใหม่เป็น


พิมพ์ข้อความเนื้อหาของบทความ
พิมพ์ข้อความเนื้อหาของบทความ
พิมพ์ข้อความเนื้อหาของบทความ

<div style='float:right;margin:2px;'>
<div class='widget-content'>
<script type="text/javascript"><!--
google_ad_client = "pub-xxxxxxxxxxxxxxxx";
/* 468x60, ถูกสร้างขึ้นแล้ว x/xx/xx */
google_ad_slot = "xxxxxxxxxxx";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
</div>

พิมพ์ข้อความเนื้อหาของบทความ
พิมพ์ข้อความเนื้อหาของบทความ
พิมพ์ข้อความเนื้อหาของบทความ


ผลที่ได้ (ในภาพนี้ผมยังไม่ได้แต่งพื้นหลังให้เข้ากับแม่แบบ ในภาพจึงยังไม่เนียนครับ)

หมายเหตุ ถ้าต้องการให้ชิดซ้าย ก็แก้โค้ดเป็น <div style='float:left;margin:2px;'>


บทความนี้ยาวพอสมควรครับ หากมีข้อสงสัยก็สอบถามเพิ่มเติมนะครับ และหากตกหล่นยังไงก็ช่วยเสนอแนะด้วยครับ เพราะบทความยาวมาก ๆ ก็อาจจะผิดพลาดได้ สุดท้ายก็อยากฝากว่าถ้าสนใจทำ Adsense จริง ๆ ก็พยายามหาอ่านความรู้เพิ่มเติมให้มาก ๆ เพราะที่ผมสอนนี้ถือเป็นพื้นฐานในการทำ ส่วนเทคนิคต่าง ๆ ให้ทำแล้วประสบความสำเร็จก็ยังไม่ได้พูดถึง ถ้าหากทราบข้อมูลใดเพิ่มเติมก็จะมาเพิ่มให้ในตอนที่ 5 อย่าลืมติดตามอ่านนะครับ
ที่มา http://www.hackublog.com/2010/03/5-google-adsense-blogger-4.html

5 วิธีติดตั้ง Google Adsense บน Blogger (ตอนที่ 3)

หลังจากที่เราได้สมัครเข้าร่วมโปรแกรมกับ Google AdSense จนผ่าน (อย่างเหนื่อยยาก ) และทราบวิธีสร้างโค้ด โฆษณาจาก Google AdSense แล้ว ขั้นต่อมาเราจะศึกษาวิธีติดตั้ง  Google AdSense บน blogger ซึ่งสามารถทำได้หลายวิธี ตั้งแต่วิธีง่ายจนถึงวิธียาก


ก่อนที่เรียนรู้วิธีติดตั้ง Google AdSense บน blogger  เราต้องทำความเข้าใจในเรื่อง กติการการติด AdSense ใน 1 หน้า และ ตำแหน่งที่เหมาะสมที่ควรติดตั้ง AdSense


กติการการติด AdSense ใน 1 หน้า

เราได้ทราบมาจากบทความ วิธีสร้างโค้ด โฆษณาจาก Google AdSense แล้วว่า Adsense นั้นมีกี่ประเภท ซึ่งสาเหตุที่เราต้องทราบก่อนเพราะว่าข้อกำหนดของ Adsense แต่ละประเภทต่างกันและมีข้อกำหนดดังนี้

1. Adsense ชนิด Ads Units ติดได้สุงสุด 3 Units/หน้า
2. Adsense ชนิด link Unit Ads ติดได้สุงสุด 3 Link/หน้า
3. AdSense สำหรับการค้นหา ติดได้สูงสุด 2 box/หน้า
4. AdSense สำหรับฟีด เนื่องจากเป็น Adsense ที่พ่วงติดไปกับฟีด การติดตั้งลักษณะนี้ไม่ต้องกำหนดจำนวน
5. AdSense for Domains เนื่องจากเป็น AdSense สำหรับโดเมนที่ว่าง หรือหน้าที่กำลังปรับปรุง หรือหน้าที่ไม่มีเนื่อหา ดังนั้นการติดตั้งลักษณะนี้จึงไม่ต้องกำหนดจำนวน


ตำแหน่งที่เหมาะสมที่ควรติดตั้ง AdSense

ถึงแม้ไม่มีกฎเกณฑ์ตายตัวสำหรับตำแหน่งการติดตั้ง Adsense แต่จากประสบการณ์ที่ผู้ที่เชี่ยวชาญได้ทำกันและสืบทอดต่อ ๆ กันมา สรุปเป็นโอกาสที่คนน่าจะคลิก Adsense ในตำแหน่งต่าง ๆ ดังนี้

ที่กล่าวมาข้างต้นเป็นเพียงแนวทางการติด Adsense เท่านั้น ส่วนการดำเนินการติดตั้งผมจะนำเสนอ 5 วิธีลำดับจากง่ายไปยากดังนี้

วิธีติดตั้ง Google AdSense บน blogger 

ก่อนทำการติดตั้งหากบล้อกที่คุณจะติดตั้ง Google AdSense เป็นคนละบัญชี AdSense ก็จะต้องตั้งค่าให้ติดตั้งได้ก่อน ซึ่งทำได้ดังนี้

ขั้นแรก เข้าไปตั้งค่าบัญชีใน Blogger

เราจะต้องตั้งค่า ใน Blogger ก่อนว่าจะใช้บัญชี Adsense ของใคร หรือใช้บัญชีใดในการรับรายได้  ซึ่งทำโดย

Log in เข้าไปที่ draft.blogger >>  ไปที่แผงควบคุม >> คลิกที่แถบ สร้างรายได้ 

จากนั้นให้เลือกตัวเลือกที่ 4 เพื่อเปิดใช้งานบัญชี Adsense ที่มีอยู่แล้วกับบล็อกนี้

จากนั้นให้กรอก e-mail  รหัสไปรษณีย์ และหมายเลขโทรศัพท์ 5 หลักสุดท้าย ที่ ตรงกับบัญชี Adsense ของคุณเอง 

ขั้นที่สอง เข้าไปยืนยันการใช้บัญชีที่ gmail หรือ e-mail ที่เป็นเจ้าของบัญชี

เมื่อยืนยันทาง e-mail แล้วก็ลุยติดตั้ง Adsense บนบล็อกของคุณกันเลยครับ

---

---

วิธีที่ 1 ติดตั้งโดยวิธีเพิ่ม Gadget ชนิด Adsense

การติดตั้งด้วยวิธีนี้จะติดตั้งได้เพียง  Adsense ชนิด หน่วยโฆษณา (Ad unit) และ หน่วยลิงก์ (Link unit) เท่านั้น ซึ่งทำโดย


1.1 Log in เข้าไปที่ draft.blogger
>>  ไปที่แผงควบคุม >> รูปแบบ >> องค์ประกอบของหน้า >> เพิ่มGadgetชนิด Adsense

 

1.2 ขั้นต่อมาให้เลือกชนิดของ Adsense และตั้งค่าสีต่างๆ ให้กลมกลืนกับ Template ของคูณ  หากคุณไม่รู้จักโค้ดสีผมแนะนำให้

ใช้โปรแกรม Hex Color Finder ในการบอกโค้ดสีที่ต้องการ เมื่อการแสดงผลเป็นที่น่าพอใจแล้วบันทึก

1.3 หาก Adsense ที่ติดตั้งไม่อยู่ในตำแหน่งที่ต้องการ

คุณสามารถใช้วิธี Drag and drop (คลิกแล้วลาก) gadget ไปยังตำแหน่งที่ต้องการได้

 

หมายเหตุ การติดตั้ง Adsense จะต้องคำนึงถึง ความกว้างของตำแหน่งที่ติดตั้ง ด้วย เพราะถ้าหากติดตั้งแล้วการแสดง Adsense ไม่สมบูรณ์ก็ถือว่าผิดกฎของ Google AdSense

---

---

วิธีที่ 2 ทำโดยเพิ่ม Gadget  ชนิด HTML/จาวาสคริปต์

วิธีนี้คล้ายคลึงกับวิธีที่ 1 แต่มีความยืดหยุนมากกว่าเพราะเราสามารถตั้งชื่อ Gadget ได้ และสามารถวางโค้ด  AdSense ได้มากกว่า 1 ชุดใน  Gadget เดียวกัน

2.1  Log in เข้าไปที่ draft.blogger

>>  ไปที่แผงควบคุม >> รูปแบบ >> องค์ประกอบของหน้า >> เพิ่ม Gadget ชนิด HTML/จาวาสคริปต์



2.2 จากนั้นนำโค้ดที่ได้เตรียมไว้จาก Google Adsense (อ่านวิธีสร้างจากบทความ : วิธีสร้างโค้ด โฆษณาจาก Google AdSense ) วางลงไปใน Gadget และบันทึก โดย ห้ามแก้ไขหรือดัดแปลโค้ดเด็ดขาด!!






2.3 อีกประการหนึ่งที่ต้องคำนึงถึงคือ การตั้งชื่อ Gadget ให้ตรงไปตรงมาอย่าตั้งชื่อที่เข้าข่ายหลอกลวงให้คนคลิก


ชื่อที่ดี : Google Adsense หรือ Sponsored links หรือ Advertisements เป็นต้น 
ชื่อที่เข้าข่ายผิดกฎ : “ช่วยคลิกเพื่อสนับสนุเว็บเรา” หรือ “สิ่งที่น่าสนใจ” หรือ “คลิกเลย! สิ่งดี ๆ รอคุณอยู่” เป็นต้น 

2.4 หากเพิ่ม Gadget ด้วยวิธีนี้แล้วคุณต้องรอประมาณ 10 นาที โฆษณาจึงจะปรากฎ ดังนั้นหากบันทึก Gadget  แล้วยังมองไม่เห็นอะไรก็ไม่ต้องตกใจครับ