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

บทความนี้เหมาะกับใคร

  • ผู้ที่สนใจติด GoogleAdsence
  • รู้เรื่องเขียนเว็บอยู่บ้าง (เพราะฉะนั้นผมจะไม่อธิบายแบบเริ่มต้นอ่ะนะ)

เตรียมการหน่อย

อันนี้คือโค๊ดที่ได้มาคราวก่อน

<script type=”text/javascript”><!–
google_ad_client = “pub-0322591356547727”;
/* 728×90, ถูกสร้างขึ้นแล้ว 2/7/09 */
google_ad_slot = “5473329240”;
google_ad_width = 728;
google_ad_height = 90;
//–>
</script>

ลุยกันโล้ด

ผมได้ทำเป็นทวิภาคนะครับ อิอิ


ฉบับทั่ว ๆ ไป

(มือใหม่ก็ทำความเข้าใจได้นะ)

นี่คือรูปแบบโครงสร้างของเว็บ ๆ แบบง่าย ๆ พอจะเข้าใจกันเน้อ

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE>Google Adsence ตอนที่ 3(แปะโค๊ด) </TITLE>
</HEAD>
<BODY>
<!———-เนื้อหา——————>
</BODY>
</HTML>

วิธีการใส่โค๊ดก็ง่าย ๆ  ใส่ไปตรงที่ผมระบุว่าเป็นเนื้อหาหงิ ดังนี้

<!DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0 Transitional//EN”>
<HTML>
<HEAD>
<TITLE>Google Adsence ตอนที่ 3(แปะโค๊ด) </TITLE>
</HEAD>
<BODY>
<!———-เนื้อหา—————— >

<!———google adsence———————>
<script type=”text/javascript”><!–
google_ad_client = “pub-0322591356547727”;
/* 728×90, ถูกสร้างขึ้นแล้ว 2/7/09 */
google_ad_slot = “5473329240”;
google_ad_width = 728;
google_ad_height = 90;
//–>
</script>
<script type=”text/javascript”
src=”http://pagead2.googlesyndication.com/pagead/show_ads.js”>
</script>

<!———end google adsence————->
</BODY>
</HTML>

ฉบับ wordpress

(อันนี้เหมาะกับคนที่เคยเขียน php มาแล้ว หรือชำนาญ wordpress จ้า)

คราวนี้ขอทดสอบกับเว็บผมบ้าง ซึ่งเป็น wordpress  เลยต้องทำตามลำดับกันหน่อย ก่อนอื่นขอระบุเป้าหมายไว้ก่อน ดังนี้

1. ต้องการตำแหน่งนี้แหละ เหมาะสมสุด กับขนาดที่ผมได้สร้างโค๊ดไว้ คือ 738×90 ตำแหน่งนี้เลยน่าจะเหมาะสมสุด

gooad1

2. ไปดูที่หน้ากาก (theme ) ของเว็บเราว่า ตำแหน่งนี้ใช่ไฟล์ไหนกันเอ๋ยยยย …………… ออ ได้แหละ อยู่นี่เอง ( ขั้นตอนนี้ต้องอาศัยเล่น wordpress บ่อย ๆ ครับ และต้องรู้จักโครงสร้างของไฟล์ต่าง ๆ ด้วย ว่ามันสัมพันธ์กันอย่างไร)

gooad2

3. เมื่อเจอแล้ว อย่าช้าครับ รีบคลิกขวาที่ไฟล์เลย

4. แล้วเลือก Editor สักตัวที่ท่านใช้งานอยู่ ในที่นี้ผมเลือกเป็น editplus 3 ครับ

gooad3-4

5. เมื่อเปิดไฟล์แล้ว ก็จะเห็นโค๊ดทั้งหมด ผมเลื่อนลงมาด้านล่าง   ออ เห็นโค๊ดที่เราทำเมนูกันคราวที่แล้วครับ ตอนที่ผม hack code ไงครับ คลิก และล่างสุดก็จะเป็น จุดเริ่มต้นของ main ของเว็บไซต์ จากภาพขึ้นตอนแรก ผมว่าจะใส่ระหว่างเมนู กับส่วนหลักใช่ไหม ผมเลยตั้งฐานไว้ก่อน คือเตรียม tag Div ไว้รอเลย และใส่ id เท่ากับ google_adsence ไว้ถ้าไม่สวยจะได้แต่งด้วย css ได้ฮ่ะ

gooad5

6. แล้วก็ใส่โค๊ดที่ได้จาก google adsence เข้าไป (จะใส่ของผมไปก็ได้นะไม่ว่ากัน คริๆ)

gooad6

7. อัพไฟล์ที่แก้ไขนี้ขึ้น server (จากตัวอย่าง header.php)  ครับ

8. ดูผลลัพธ์

gooad8

วู้………..รอรับตังค์ดีกว่า

:mrgreen: 😀

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

เอาเป็นว่าจะมาพากันแก้ไขกันคราวหน้าครับตอนนี้ขอตัวก่อนครับ บาย….