สคริบ IM Version 2.0

สคริบ IM Version 2.0

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

ถึงเวลามาอัพเดทเรื่องของการทำสคริบกับรอบ 2 ละครับ แล้วมันจะต่างจากเวอร์ชั่น 1 ยังไงอะครับ นั่นดิ 

ถ้าพูดถึงเรื่องของข้อแตกต่างนั้น เยอะมากครับ สคริบที่ผมทำใน Version 1 นั้น On Page ยังไม่เวิคเลยครับ 

อ้าวแจกมาทำไม 

แจกให้ดูแนวครับ แหม๋ จะเอาไปใช้งานเลยโดยไม่ดูก็กระไรอยู่ ที่ผมชอบการเขียนอะไรขึ้นมาใช้งานเองก็เนื่องมาจากเจ้านี้แหละครับ เขียนเองรู้เองว่าควรปรับอะไรตรงไหน ตรงนั้นบรรทัดนั้น มันคืออะไร เอาไว้ทำอะไร 

สคริบที่ดีต้องเป็นอย่างไงละ คำถามยอดฮิต แต่ผมก็ไม่รู้หรอกครับว่าอย่างไหนดีกว่ากัน แต่คอนเซ็ปผมมันค่อนข้างง่ายครับ สคริบของผม ต้อง
  • เป็นสคริบที่ใช้งานง่าย ปรับนิดหน่อย ใช้ได้เลย
  • สคริบเล็กกระชับ (รึป่าว)
  • เอาหล่อไว้ก่อน หน้าตาต้องดี 
  • ต้องเอาใจ Google เต็มที่
  • On Page ต้องดี
เท่านี้แหละครับ

ทำไมต้องเขียนเอง

ตอบยากนะครับเรื่องที่ต้องเขียนเอง หรือว่าหัดเขียนสคริบ ทำไมไม่ซื้อเขียนเองทำไม ผมไม่รู้หรอกครับว่าเขาจะเขียนขายให้เราเมื่อไร ขายราคาเท่าไร สคริบดีไหม ทำงานอย่างไร เหมาะกับการทำงานของเราไหม 

คำถามเยอะดีแฮะ นั่นแหละครับ รอไม่ได้หรอกครับ ยิ่งเจอตลาดที่ดีก่อนเขา ก็ต้องรีบเขียนเพื่อสู้ตลาดนี้ก่อนเท่านั้นแหละครับ 

การเขียนสคริบขึ้นมาเอง เราจะได้ทั้งเรื่องของ css และ html ครับ สามารถเอาไป ออกแบบเรื่องของ Landing Page ได้ด้วยครับ ยิ่งเราศึกษาเรื่องพวกนี้เท่าไร ยิ่งทำให้เว็บของเรานั้น ไม่ซ้ำใครละทีนี้ ยิ่งแตกต่างก็ยิ่งดีในสายตาของ google เขาละ

เขียน CMS มา 1 อย่างต้องนึกถึงอะไร

อย่างแรกต้องตอบโจทย์ตัวเองก่อนนะครับว่าต้องเอาไปใช้งานทางด้านไหน สำหรับ IM หลายๆคนแล้วอยากได้สคริบที่ใช้งานง่ายๆอยู่แล้วครับ อย่างตัวอย่างที่จะเขียนนี้เป็น สคริบข้อมูลที่เรามีอยู่ 3 อย่างแหละครับ Title, Img, Link เท่านั้นครับ 

เมื่อมีข้อมูลแล้วเรื่องของหน้าเว็บต้องมีอะไรบ้าง 

อย่างแรกเลยต้องมีหน้าแรกที่ต้องใช้ชื่อว่า index.php เป็นหน้ารวมของเราแหละครับ ซึ่งแล้วแต่คนจะออกแบบว่าจะให้มีอะไรบ้างนะครับ โดยส่วนตัวจะแรนดอมสินค้ามาแสดงไว้ครับ

ต่อมีคือหน้าแบ่งหน้าสินค้าครับ ซึ่งจะเป็น Pagination ตัวแบ่งหน้า นั่นเองครับ อาจจะแบ่งว่าแต่ละหน้าเราจะให้แสดงกันกี่ชิ้น ประมานนี้ครับ สร้างไว้เพื่อให้มีการเข้าถึงสินค้าได้ทุกๆชิ้นครับ

ต่อไปก็หน้า Landing Page หน้า Sale Page ครับ ขายดี ขายไม่ดี หน้าได้รับความหน้าเชื่อถือ น่าซื้อก็หน้านี้แหละครับผม เหมือนเราเลือกขนม เราก็ต้องเลือกที่มันมีหน้าตาหน้าทานก่อนแหละครับ ในทำนองเดียวกันถ้าคุณออกแบบหน้าตาให้ดูน่าซื้อมันก็น่าซื้อแหละคับ ซึ่งจะต้องอาศัยทักษะการจัดวางตำแหน่งครับ เมื่อได้การจัดวางแล้ว สิ่งต่อมาคือทำสี แต่งสีครับ ด้วย css ต่างๆ แต่ดีเลือกสีดีก็มีชัยไปกว่าคริ่งแล้วครับ

Sitemap ที่จะต้องขาดไม่ได้ ซึ่งจะเป็นแหล่งศูนย์รวมลิงค์ Internal link นั่นเองครับ เอาไว้ปฎิสัมพันธ์กับ Search Engine ครับ ซึ่งทำให้ Bot ของ Search Engine เข้ามาเก็บข้อมูล (index pages) ได้รวดเร็ว และง่ายขึ้น เป็นส่วนหนึ่งของการทำ SEO

หน้าอื่นๆ ตาม affiliate กำหนดครับผม

วางโครงสร้างอย่างไร

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

เช่นเดิม ขอลอก Version 1 มาเลยครับ

  • index.php ไฟล์หน้าแรก แล้วแต่แต่ละคนว่าจะออกแบบหน้าตาและใส่อะไรลงไปครับ ซึ่งไม่ได้ fix ไว้ว่าจะเป็นอะไรนะครับ Version นี้ผมน่าจะแสดงสินค้าแนะนำซักตัว และแคชหน้าแรกเล็กน้อยครับ 
  • data.csv ไฟล์ที่เก็บข้อมูลสินค้าไว้ครับ ซึ่งเป็นไฟล์ 3 column เป็นไฟล์ Excel นะครับ ทำไมเรียก column ก็ข้อมูลมี 3 ตอนครับ เปิดใน Excel ก็ 3 ตอนครับ แล้วจะหาข้อมูลนี้มาจากไหน จากการเก็บสินค้าด้วย Imacro ก็ได้ครับ ซึ่งผมเคยอธิบายไว้แล้วครับ 
  • app.php ไฟล์เก็บการตั้งค่าทุกอย่าง และ function ไว้ที่ไฟล์เดียวครับ เพื่อเรียกใช้งานครับผม ไฟล์นี้เปลี่ยนชื่อได้หมดครับ
  • page_product.php หน้าแสดงสินค้ารายชิ้นครับหรืออาจจะเรียกว่าหน้า sale page ก็ได้ครับผม รึป่าว จะขายดี ขายไม่ดี ได้รับความน่าเชื่อถือก็อยู่ที่ไฟล์นี้ครับ
  • page_all.php หน้ารวมสินค้าทุกชิ้นครับ ซึ่งผมจะทำตัวแบ่งหน้าให้ดูสวยๆเลยครับ สำหรับ version 2 ครับ
  • page_sitemap หน้าสร้าง sitemap.xml ซึ่งไฟล์นี้จะเอาไว้ให้ bot ไต่ได้ครับ เอาไว้ไป submit ที่ต่างๆครับ version นี้ มีทั้ง random สินค้ามา และ สินค้าทุกชิ้น เพื่อเอามาสร้าง sitemap.xml นะครับ
  • css แต่งหน้าตาเว็บด้วย Style Sheet ใน version นี้เรามาทำให้เว็บเรารองรับทุกเครื่องมือการเข้าเว็บเลยครับ ทั้ง โทรศัพท์ และคอม 
หลักๆ น่าจะมีประมานนี้ครับ ซึ่งเพิ่มเติมเสริมต่อค่อยจัดการกันครับ

การทำงานของสคริบ

หลักการทำงานของสคริบที่จะเขียนกัน ง่ายๆเลยครับ คือ เมื่อมีการเรียกสินค้าขึ้นมาแสดง ด้วยการระบุ เลขที่บรรทัดของไฟล์ data.csv แล้ว สคริบจะทำการ random Landing Page ขึ้นมาหนึ่งตัว จากไฟล์ที่ออกแบบ Landing Page ไว้ครับ และทำการ spin 1 ครั้ง แล้วถึงจะแสดงหน้าตาสินค้าออกมาครับ

มันอาจจะมองไม่ออกถ้าเราไม่เคยทำมันนะครับ เอาละครับเรามาเริ่ม Version 2 กันเลยครับ บทต่อไปนะ