การดึง api ใน google sheet มาแสดง ที่ไม่ต้องใช้ package business plan

สำหรับ WordPress ที่ใช้แผนฟรีหรือแผนส่วนตัว (Personal Plan) และต้องการดึงข้อมูลจาก Google Sheets โดยไม่ต้องใช้ปลั๊กอินที่ต้องการ Business Plan แนะนำวิธีดังนี้:

1. ใช้ปลั๊กอินฟรีที่รองรับ Google Sheets API

คุณสามารถใช้ปลั๊กอินฟรี เช่น:

• WP Table Builder (เหมาะสำหรับแสดงข้อมูลเป็นตาราง)
• Inline Google Spreadsheet Viewer (ดึงข้อมูลจาก Google Sheets มาแสดงในรูปแบบ HTML)
• TablePress + TablePress Extension: Automatic URL Import (สามารถอัปเดตข้อมูลจาก Google Sheets อัตโนมัติ)

ขั้นตอนการใช้ Inline Google Spreadsheet Viewer

1. ติดตั้งปลั๊กอิน Inline Google Spreadsheet Viewer จาก WordPress Plugin Directory
2. เปิด Google Sheets และแชร์ไฟล์แบบ "Anyone with the link"
3. คัดลอก Sheet URL
4. ใช้ Shortcode เช่น:

   [gdoc key="URL_GOOGLE_SHEET"]
   

   หรือใช้ Table Format:

   [gdoc key="URL_GOOGLE_SHEET" class="my-table"]
   

---

2. ใช้ Custom HTML + Google Sheets API

หากต้องการให้ข้อมูลอัปเดตเรียลไทม์ สามารถใช้ Google Sheets API + JavaScript ได้โดยไม่ต้องใช้ปลั๊กอิน เช่น:

ขั้นตอนการทำ

1. เปิด Google Sheets และแชร์แบบ "Anyone with the link"
2. คัดลอก Sheet ID จาก URL
   ตัวอย่าง URL:

   https://docs.google.com/spreadsheets/d/1A2B3C4D5E6F7G8H9I0/edit#gid=0
   

   Sheet ID คือ 1A2B3C4D5E6F7G8H9I0
3. เพิ่มโค้ด Custom HTML + JavaScript ใน WordPress ไปที่ Custom HTML Block แล้ววางโค้ด:

   <div id="listings"></div>
   
   <script>
   async function fetchGoogleSheetData() {
       const sheetId = "1A2B3C4D5E6F7G8H9I0";
       const sheetName = "Sheet1"; // เปลี่ยนตามชื่อ Sheet ของคุณ
       const url = `https://docs.google.com/spreadsheets/d/${sheetId}/gviz/tq?tqx=out:json&sheet=${sheetName}`;
   
       const response = await fetch(url);
       const text = await response.text();
       const json = JSON.parse(text.substring(47, text.length - 2));
   
       let html = "";
       json.table.rows.forEach(row => {
           const imageUrl = row.c[0].v;
           const title = row.c[1].v;
           const price = row.c[2].v;
           const location = row.c[3].v;
   
           html += `
               <div style="display: flex; border: 1px solid #ddd; margin-bottom: 10px; padding: 10px;">
                   <img src="${imageUrl}" style="width: 100px; height: 100px; object-fit: cover; margin-right: 10px;">
                   <div>
                       <h3>${title}</h3>
                       <p>฿ ${price}</p>
                       <p>📍 ${location}</p>
                   </div>
               </div>
           `;
       });
   
       document.getElementById("listings").innerHTML = html;
   }
   
   fetchGoogleSheetData();
   </script>
   

---

สรุป

• หากต้องการปลั๊กอิน → ใช้ Inline Google Spreadsheet Viewer หรือ TablePress
• หากต้องการใช้โค้ดเอง → ใช้ Google Sheets API + JavaScript
• ไม่ต้องใช้ Business Plan → ใช้วิธีดึง JSON จาก Google Sheets ผ่าน Google Visualization API

Read full post »

เริ่มต้นรู้จักกับคำว่า “เว็บไซต์”

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

การสร้างเว็บไซต์ยังเป็นอีกหนึ่งทางเลือกสำหรับนักธุรกิจ  เจ้าของธุรกิจแบรนด์สินค้าต่างๆ  เจ้าของกิจการที่ต้องการเพิ่มช่องทางในการสร้างรายได้ให้กับธุรกิจของตัวเอง  ทำให้สินค้าเข้าถึงกลุ่มเป้าหมายได้อย่างรวดเร็ว  สินค้าและบริการเป็นที่รู้จักอย่างกว้างขวางมากยิ่งขึ้น  ทำให้สามารถขายสินค้าได้มากขึ้นด้วย  ซึ่งการสร้างเว็บไซต์เพื่อขายสินค้าและบริการนี้กำลังได้รับความนิยมจากผู้ประกอบจากทั่วโลก  ที่ต้องการโฆษณาให้ผู้บริโภคได้รู้จักสินค้า ข้อดี ประโยชน์ของสินค้า บริการต่างๆ กระตุ้นให้เกิดการซื้อขายสินค้านั่นเอง   นอกจากนี้  การสร้างเว็บไซต์ยังเป็นอีกหนึ่งช่องทางในการสร้างรายได้ที่หลายคนให้ความสนใจ โดยสร้างขึ้นมาเพื่อหาผลกำไรจากการทำเว็บไซต์  สำหรับเนื้อหาของเว็บก็จะมีมากมายหลายรูปแบบ ไม่ว่าจะเป็นเว็บไซต์เพื่อความบันเทิง วาไรตี้ รวมไปถึงเว็บไซต์ที่มีเนื้อหาสาระที่มีประโยชน์เฉพาะทาง  จะสังเกตได้ว่า ปัจจุบันก็กำลังได้รับความนิยมไม่น้อย  อีกทั้ง ยังทำได้ไม่ยากแต่ก็ต้องมีความรู้เกี่ยวกับการทำเว็บไซต์มากพอสมควร  หรือถ้าหากใครไม่มีความรู้  ไม่มีประสบการณ์ในการทำเว็บไซต์มาก่อน  ปัจจุบันก็ยังมีเว็บไซต์ที่เปิดให้บริการโดยคุณสามารถสร้างเว็บไซต์ด้วยตัวเอง  ซึ่งจะมีรายละเอียดขั้นตอนในการทำอย่างละเอียด   ทำให้การทำเว็บไม่ใช่เรื่องยากอีกต่อไป ซึ่งเว็บไซต์ดังกล่าวจะเป็นรูปแบบ CMS มี Tool ให้ช่วยและง่ายต่อการใช้ เช่น wordpress  joomla เป็นต้น หรือ มีการรับทำเว็บไซต์ให้บริการอีกด้วย

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

Read full post »