แนวทางการใช้ social marketing ของนักการเมืองในปัจจุบัน

แนวทางการใช้ Social Marketing ของนักการเมืองในปัจจุบัน

แนวทางการใช้ Social Marketing ของนักการเมืองในปัจจุบันมีการปรับตัวให้เหมาะสมกับพฤติกรรมของประชาชนที่ใช้สื่อออนไลน์เป็นหลัก โดยมีแนวทางสำคัญดังนี้

1. การสร้างตัวตนและภาพลักษณ์ (Personal Branding)

  • ใช้แพลตฟอร์มโซเชียลมีเดีย เช่น Facebook, X (Twitter), Instagram, TikTok, YouTube เพื่อสร้างตัวตนและเชื่อมโยงกับประชาชน
  • นำเสนอเรื่องราวส่วนตัว (Storytelling) เพื่อให้เข้าถึงง่ายและดูจริงใจ เช่น การโพสต์ชีวิตประจำวัน หรือประสบการณ์ที่เกี่ยวข้องกับนโยบายที่นำเสนอ
  • สร้างเอกลักษณ์เฉพาะตัว เช่น สไตล์การพูด, การแต่งตัว, แฮชแท็กเฉพาะตัว

2. การใช้ข้อมูลและอารมณ์ในการสื่อสาร (Data-Driven & Emotional Marketing)

  • ใช้ Big Data และ AI วิเคราะห์พฤติกรรมของประชาชน เพื่อตั้งเป้าหมายกลุ่มเป้าหมายที่ชัดเจน
  • ใช้การเล่าเรื่องที่กระตุ้นอารมณ์ เช่น ความหวัง, ความกลัว, ความโกรธ หรือความสุข เพื่อสร้างกระแส
  • ปรับเนื้อหาให้เหมาะสมกับแต่ละแพลตฟอร์ม เช่น TikTok ใช้วิดีโอสั้นที่ไวรัลได้ง่าย, YouTube ใช้สารคดีหรือวิดีโอเชิงลึก

3. การสร้างกระแสและการมีส่วนร่วมของประชาชน

  • ใช้ Hashtag Campaigns เพื่อกระตุ้นการพูดถึง เช่น #ChangeForTheFuture หรือ #VoteForChange
  • ทำ Live Streaming เพื่อตอบคำถามและสร้างการมีส่วนร่วมแบบเรียลไทม์
  • ใช้ User-Generated Content (UGC) เช่น ให้ผู้สนับสนุนแชร์เรื่องราวของตนเองเกี่ยวกับนโยบาย

4. การใช้ Influencers และ Micro-Influencers

  • ร่วมมือกับ Influencers, YouTubers หรือ TikTokers ที่มีอิทธิพลในกลุ่มเป้าหมาย
  • ใช้ Micro-Influencers หรือประชาชนทั่วไปที่มีฐานแฟนคลับขนาดเล็กเพื่อสร้างความน่าเชื่อถือ

5. การจัดการวิกฤติและการตอบโต้ข่าวปลอม

  • มี ทีม Crisis Management เพื่อตรวจสอบและตอบโต้ Fake News อย่างรวดเร็ว
  • ใช้ Fact-Checking และเผยแพร่ข้อมูลที่ถูกต้องผ่าน Social Media

6. การใช้ Social Ads และ AI ในการกำหนดเป้าหมาย

  • ลงโฆษณาแบบ Targeted Ads บน Facebook, Instagram, TikTok และ Google เพื่อเข้าถึงกลุ่มเป้าหมายที่เฉพาะเจาะจง
  • ใช้ AI และ Chatbots ในการตอบคำถามและสร้างการมีส่วนร่วมแบบอัตโนมัติ

7. การทำแคมเปญแบบ Omnichannel Marketing

  • บูรณาการระหว่างโซเชียลมีเดีย เว็บไซต์ แอปพลิเคชัน และสื่อดั้งเดิม เช่น โทรทัศน์และวิทยุ
  • ใช้ Email Marketing และ SMS เพื่อสื่อสารกับกลุ่มผู้สนับสนุนที่ใกล้ชิด

สรุป


นักการเมืองยุคใหม่ต้องใช้ Social Marketing อย่างชาญฉลาด โดยเน้นการเล่าเรื่องที่เข้าถึงง่าย ใช้ข้อมูลวิเคราะห์กลุ่มเป้าหมาย สร้างกระแสผ่าน Influencers และบริหารวิกฤติอย่างมืออาชีพ การสื่อสารต้องมีความเป็นมนุษย์ (Humanized Communication) และมีปฏิสัมพันธ์กับประชาชนตลอดเวลา

ของที่ระลึก สะท้อนตัวตน
ของที่ระลึก สะท้อนตัวตน
ของที่ระลึก สะท้อนตัวตน

ภาพประกอบ : โรงงานของพรีเมี่ยม

Premium-perfect.com

เสื้อผ้าระบุโลโก้ชัดเจน

การอ่านข้อมูลแบบ .csv จากนอกเครื่องบริการ

ตัวอย่าง โค้ดสำหรับอ่านชุดข้อมูล ที่แหล่งข้อมูลต้นทาง เปิดให้ดาวน์โหลดแฟ้มแบบ .csv ในกรณีนี้ต้องการนำไปแสดงบนเว็บเพจ เป็น ข้อมูลทรัพยากร : สมาคมด้านการท่องเที่ยวของจังหวัด – ลำปาง  จากศูนย์กลางข้อมูลเปิดภาครัฐ  โดยอ้างอิงที่อยู่ชุดข้อมูลแบบออนไลน์ ที่ได้ดาวน์โหลดจากเครื่องบริการของรัฐ ไปวางบนเครื่องบริการตัวที่สองแล้วเขียนโค้ดบนเครื่องบริการตัวที่สาม แบบนี้ไม่ต้องใช้ api-key

เขียนโค้ดด้วยภาษาพีเอชพี และใช้ฟังก์ชัน curl โหลดข้อมูลผ่านตำแหน่งยูอาร์แอลของเครื่องบริการตัวที่สองที่เก็บข้อมูลออกไปใช้ ได้ข้อมูลแบบ csv แล้วนำไปวางลงตัวแปร บนจาวาสคริปต์ ในรูปแบบ csv ที่จัดรูปแบบเพียงเล็กน้อย เพื่ออ่านหลังการ split แยกแต่ละ field และ record วนลูปด้วย foreach แล้วใช้คำสั่ง document.write แสดงข้อมูลแบบอาร์เรย์ลงตารางแบบเอชทีเอ็มแอล

Data.go.th

https://thaiall.com/perlphpasp/source.pl?key=8102

เฉลยโจทย์คณิต สมการยกกำลังสองตัวแปรเดียว

ช่วงนี้ทำโฮมเพจเฉลยโจทย์คณิตศาสตร์ 2 ชุดพึ่งเสร็จ เพราะเด็กที่บ้านบอกว่าต้องสอนเลขจำนวนหนึ่งชั้นเรียนในภาคเรียนที่ผ่านมา ทำให้รู้สึกสนใจเรื่องนี้ ประกอบกับช่วงก่อนนี้ผมเรียกใช้ mathjax library บน webpage แล้วทดสอบ pagespeed พบว่าคะแนนลดอย่างมาก จึงเริ่มเรียกใช้ JS library ในแบบ onload และเลือก load เฉพาะที่ใช้จริง ซึ่งเป็นการพัฒนาเทมเพจ มาถึง รุ่น 9.2 ที่ทะยอยปรับแก้ในเว็บไซต์ด้านการศึกษาที่ดูแลอยู่

เมื่อสร้างโฮมเพจเฉลยโจทย์การแก้สมการ ของ ป.6 และสมการกำลังสองตัวแปรเดียวของ ม.3 ชุดละ 10 ข้อเสร็จแล้ว จากนั้นสั่ง print หรือเรียกฟังก์ชัน print() ออกไปเป็นแฟ้ม pdf แบบกำหนด scale 90% บน A4 เพื่อให้ได้จำนวนหน้าตามที่กำหนด ต่างกับฟังก์ชัน jspdf ที่สามารถส่งออกแต่ละข้อ ออกไปเป็นแฟ้ม png ได้ทีละแฟ้ม

เมื่อได้แฟ้ม ebook ที่พอใจแล้ว ก็นำไปอัพโหลดในแห่งบริการ จำนวน 3 แหล่ง คือ scribd, slideshare และ pubhtml5 ส่วนเว็บเพจเฉลยโจทย์ก็แขวนแฟ้มไว้กับโฮส จึงรวมเป็น 4 ลิงก์ที่เปิดให้ดาวน์โหลดเอกสารเฉลยโจทย์คณิตทั้ง 2 เรื่อง

สมการกำลังสอง ตัวแปรเดียว ม.3
สมการ ป.6

https://thaiall.com/math/equation1.htm

https://thaiall.com/math/quadratic1.htm

ผลงานของผู้เรียนจบด้านพัฒนาเว็บไซต์ควรมีอะไรบ้าง

ผลงานของผู้เรียนจบด้านพัฒนาเว็บไซต์ มีได้หลายองค์ประกอบ เพื่อแสดงทักษะและความสามารถที่หลากหลาย เช่น 1) เว็บไซต์ที่สร้างขึ้นเอง ควรมีตัวอย่างเว็บไซต์ที่คุณออกแบบและพัฒนาด้วยตัวเอง แสดงให้เห็นถึงความสามารถในการใช้ HTML, CSS, JavaScript และเทคโนโลยีอื่นที่เกี่ยวข้อง 2) โปรเจกต์ที่ทำร่วมกับทีม ที่แสดงให้เห็นว่าคุณสามารถทำงานร่วมกับผู้อื่นได้ดี และมีประสบการณ์ในการใช้เครื่องมือการจัดการโปรเจกต์ เช่น Git 3) การออกแบบที่ตอบสนองต่อผู้ใช้ (Responsive Design) โดยเว็บไซต์สามารถแสดงผลได้ดีทั้งบนคอมพิวเตอร์และอุปกรณ์มือถือ 4) การพัฒนาเว็บแอปพลิเคชัน มีเครื่องมือที่ใช้สร้างเว็บแอปพลิเคชันได้อย่างเป็นระบบ เช่น React, Angular หรือ Vue.js 5) การเชื่อมต่อกับฐานข้อมูล ซึ่งควรมีโปรเจกต์ที่แสดงให้เห็นว่าคุณสามารถเชื่อมต่อและจัดการฐานข้อมูล เช่น MySQL , MongoDB หรือ Firebase 6) การทดสอบและการดีบัก ที่แสดงให้เห็นว่าคุณมีทักษะในการทดสอบและดีบักโค้ด เพื่อให้แน่ใจว่าเว็บไซต์ทำงานได้อย่างถูกต้อง 7) การใช้ API ควรมีโปรเจกต์ที่แสดงการใช้ API เพื่อดึงข้อมูลจากแหล่งอื่น และนำมาแสดงผลบนเว็บไซต์ 8) การเขียนเอกสารประกอบ ซึ่งเป็นเอกสารที่อธิบายการทำงานของโปรเจกต์ วิธีการติดตั้ง และการใช้งาน


สรุปได้ว่า การมีผลงานที่หลากหลายและครอบคลุมจะช่วยให้มีความโดดเด่นในสายงานพัฒนาเว็บไซต์ และแสดงให้เห็นถึงความสามารถที่ครบถ้วนของตน
[.cp.]

ภาพจากระบบสร้างเอกสาร แผนที่กินดีจังหวัดลำปาง

ปฏิทินมีภาพชิดขวา 9 แบบ ปี พ.ศ. 2568

รวมปฏิทินประจำปี 2568 (2025) ปีมะเส็ง จำนวน 9 รูปแบบ จาก ระบบสร้างปฏิทินประจำปี แบบที่ 2 สร้างปฏิทิน ใช้ภาพประกอบแนวตั้ง ที่กำหนดเลือก รูปแบบ google font, RGB color, RGB, background-color, ปี พ.ศ. หรือ ค.ศ. ที่ใช้ pure javascript + php + jspdf + print preview โดยใช้ภาพผลิตภัณฑ์ และบริการของเพื่อน จาก 9 เว็บไซต์ ได้แก่ ttpcargo, taobao.ttpcargo, ofisu furniture, pen-perfect, bottle-perfect, powerbank-perfect, umbrella-perfect, usb-perfect, และ โรงงานของพรีเมี่ยม เผยแพร่เป็นเว็บเพจใหม่ ใน “ปฏิทินวันหยุด วันหยุดธนาคาร และราชการ ประจำปีพ.ศ. 2568”
ซึ่งระบบสร้างปฏิทินยังสามารถส่งปฏิทินออกเป็น .png หรือ .pdf หรือ print out แบบไปรับขนาดสำหรับกระดาษ A3 บน desktop และ A4 บน mobile ได้

https://thaiall.com/calendar/calendar_js.php

https://www.thaiall.com/calendar/calendar68_js.htm

ปล. แบบ print สามารถกำหนด image จาก url ได้แล้ว

สืบค้นร้านอาหารกินดี

สืบค้นร้านอาหารกินดีเล่าให้เพื่อนฟัง ว่า นำข้อมูลแผนที่กินดีจังหวัดลำปาง มาแปลงเป็นแฟ้มข้อมูล แบบ CSV และ Tab delimited ซึ่งมีข้อมูลแนะนำร้าน รายการอาหารที่แนะนำ และภาพจากอีบุ๊ก ขั้นต่อมา คือ การเขียนโค้ดเรียกใช้แฟ้มข้อมูล lampangkindee_utf8 . csv ที่มีฟังก์ชันการสืบค้น เช่น ลาบหมู , steak , ก๋วยเตี๋ยว , กาแฟ แล้วแสดงข้อมูลร้านละ 1 บรรทัด ทำให้ทราบว่าในจังหวัดลำปาง มีร้านใดขายสิ่งที่เราค้นหา หรือมีอาหารที่เราอยากรับประทาน ก่อนเดินทางไปพบความจริงภายในร้าน
..
ข้อมูลเซตนี้ ยังไม่นิ่ง ถ้าพบว่า มีข้อมูลที่ไม่สมบูรณ์ก็จะต้องแก้ไข หรือ มีชาวลำปางแจ้งข้อมูลร้านอาหารใหม่ที่ไม่อยู่ใน 199 ร้าน ก็ต้องเพิ่มข้อมูลเอกสารร้านอาหารใหม่ต่อท้ายตารางข้อมูล ดังนั้นฐานข้อมูลร้านอาหารในแฟ้ม csv เซตนี้ก็จะมีการอัพเดทตลอดเวลา ตามที่เจ้าของร้านอาหารแจ้งเข้ามา ส่วน code ที่ให้บริการสืบค้นร้านอาหารกินดี ก็จะปรับปรุงให้สมบูรณ์ยิ่งขึ้นตามโอกาสอำนวย ส่วน code version 1 ที่ขอให้ A.I. [.cp.] ช่วยเขียนขึ้นมา แล้วนำมาปรับปรุงใหม่นี้ ได้เปิดให้บริการบนเครื่องบริการ thaiabc . com ห้อง /restaurant/ แบบ http และได้ open source อยู่ด้านล่างนี้
..
โดย Prompt ที่ใช้สร้างโค้ด คือ Create PHP scripts and form that searches for a keyword in a CSV file on the server and displays the matching results

http://www.thaiabc.com/restaurant/cp_search_csv.php

Search restaurant
Code from A.I.

การแข่งขัน ST ในซีรีส์จีน

พบคำว่า การแข่งขัน ST ในซีรีส์จีน
จากเนื้อหาในเรื่อง ปฏิบัติการของปรมาจารย์ปลาทำให้ไป่ฟู่เหม่ยตกตะลึง พบเรื่องราวเกี่ยวกับ การแข่งขัน ST
..
เรื่องนี้ มีเนื้อหาส่วนแรกคล้ายกับในนิยายออนไลน์ ใน fanqienovel ผู้เขียน คือ ซีโตว เขียนเรื่อง เขาถูกจับได้ว่าตกปลาในที่ทำงาน และเขาก็ลากซีอีโอหญิงลงไปในน้ำพร้อมกับฉินซุนและเซี่ยหนิง
上班摸鱼被抓,反手拉女总裁下水秦寻夏宁
..
เมื่อค้นดูผ่าน baidu พบว่า มีการแข่งขันคอมพิวเตอร์มหาวิทยาลัยจีน—ความท้าทายด้านเทคโนโลยีเครือข่าย หรือ C4-Network Technology challenge ในการแข่งขันยังพบ Series A ที่มีรายการแข่งขัน A-ST Cyberspace Security ที่จัดมากกว่า 10 ครั้งแล้ว
..
เมื่อค้นคำว่า ST พบข้อความว่า
บริษัท STMicroelectronics (ST)
ได้เข้าร่วมในฐานะผู้จัดงานหลัก และ
ผลิตภัณฑ์ STM32 และบอร์ดพัฒนา
ยังเป็นแพลตฟอร์มการพัฒนาที่ใช้บ่อยที่สุดในการแข่งขัน
..
ส่วน ST นั้น เป็นชื่อบริษัท STMicroelectronics (ST) Group ซึ่งก่อตั้งขึ้นในปี ค.ศ. 1987 โดยการควบรวมกิจการ ระหว่าง SGS Microelectronics ของอิตาลี และ Thomson Semiconductor ของฝรั่งเศสในเดือนพฤษภาคม พ.ศ. 2541 SGS-THOMSON Microelectronics เปลี่ยนชื่อบริษัทเป็น STMicroelectronics Co., Ltd. ซึ่ง STMicroelectronics เป็นหนึ่งในบริษัทเซมิ คอนดักเตอร์ที่ใหญ่ที่สุดในโลก ดังนั้น ST จึงน่าจะมาจากอักษรตัวแรกของทั้ง 2 บริษัท


..
แล้วพบข่าวว่า ST ช่วยเหลือการแข่งขันเทคโนโลยีฝังตัวสำหรับนักศึกษาวิทยาลัยแห่งชาติ: เส้นทางความฝันจากทฤษฎีสู่การปฏิบัติ จากข่าวเมื่อวันที่ 13 สิงหาคม 2567 “การแข่งขันการออกแบบชิปและระบบสำหรับนักศึกษาวิทยาลัยแห่งชาติประจำปี 2024” ได้จบลงที่เมืองหนานจิง การแข่งขันครั้งนี้ดึงดูดนักศึกษามากกว่า 20,000 คนจากมหาวิทยาลัย 552 แห่งทั่วประเทศให้เข้าร่วม ซึ่งแสดงให้เห็นถึงความกระตือรือร้นด้านนวัตกรรมและความสามารถในการปฏิบัติของนักศึกษารุ่นเยาว์ร่วมสมัยในสาขาเทคโนโลยีฝังตัว

https://www.eet-china.com/news/19340.html

โต๊ะทำงาน พระเอก นางเอก
ผู้เข้าร่วมแข่งขัน ST
กติกา  A-ST
การแข่งขัน ST

ปรับขนาดจอภาพรองรับ responsive web design

ทำให้ดีที่สุด เพื่อคะแนน performance / optimization หรือ user experience ที่ดีที่สุด จึงกลับไปดูหัวข้อ ขนาดจอภาพ (screen resolution) ที่ถูกบันทึกไว้ บนระบบ website tracker / counter / web stats / web analytics / usage statistics / hit stats พบว่า โลกเราเปลี่ยนไปจาก พ.ศ. 2541 อย่างมาก

ปัจจุบัน ขนาดจอภาพ ยอดนิยมเป็น 1366*768 หรือ 1920*1080 แม้จะคลาดเคลื่อนกันบ้าง แต่ห่างจากที่ผมมองไว้ ที่ 800*600 แบบไม่เห็นฝุ่น ดังนั้นการออกแบบ responsive web design แบบ fixed width เพื่อควมคุม layout ให้ผู้ใช้รู้สึกดี จึงต้องปรับชุด resolution ที่รองรับกันใหม่ แต่ปีนี้ผมยังไม่ย้ายออกจาก comfort zone ที่ width 728px นะครับ ปรับเฉพาะที่ต่ำกว่าขนาดนี้เท่านั้น

สิ่งสำคัญในการปรับเทมเพจรุ่นนี้ (9.2) คือ วิเคราะห์ front-end design อย่างละเอียด เพื่อให้ได้คะแนน 400 เต็ม จาก pagespeed insights ซึ่งปัญหาสุดท้ายที่กว่าจะแก้ได้ก็นาน คือ การยกเลิกการ load css ที่ต้นแฟ้ม แต่แยกประกาศ style ในแท็ก head เฉพาะส่วนที่จำเป็น แล้วส่วนที่เหลืออยู่ในแฟ้ม css ที่รองรับงาน responsive แยกออกเป็นแฟ้ม แล้วค่อยดึงมาใช้หลัง onload ที่เขียนโค้ดไว้หลังปิดแท็ก html และทำงานแบบ async=true

สิ่งที่แก้ไม่ได้ที่ทำให้คะแนน pagespeed ไม่เต็ม 100 มี 4 เรื่องที่แก้ไม่ได้ คือ 1) กูเกิ้ลแอด ที่เรียกโค้ดภายนอก 2) histats หรือ truehits ที่เรียกโค้ดภายนอก 3) การโหลด js และ css จาก cdn จำนวนมาก 4) ขนาด DOM ที่ใหญ่เกินไป เค้าแนะนำว่าไม่ควรเกิน 1500 nodes

ส่วนผลการตัดโค้ดที่ทำให้คะแนนลดออกไป จนทำให้เหลือเฉพาะเนื้อหาจะได้คะแนน 400 เต็ม อยู่ใน link ด้านล่างครับ สามารถนำ url ไปโยนใส่ pagespeed ดูได้ ส่วนโฮมเพจที่ใช้จริงอยู่ที่ หน้าแรก thaiall ซึ่งได้คะแนน mobile คือ 37,100,57,100 เพราะมีปัญหา ใน 4 เรื่องข้างต้น

https://thaiall.com/web2/file_pagespeed.php?file=web2main
https://thaiall.com/web2/file_pagespeed.php?file=web2main&fieldset=blank

performance ของเว็บเพจ บน pagespeed insights

เว็บเพจหน้านี้ ยกร่างโค้ดเว็บเพจขนาดเล็ก ชื่อ index90_100 เพื่อทดสอบให้ผ่านการประเมินตามเงื่อนไข Diagnose Performance Issue ของ pagespeed insights ทั้ง 4 หัวข้อ คือ Performance , Accessibility , Best practice และ SEO ไดคะแนน 100 ทั้ง 4 หัวข้อ โดยมีการปรับแก้ ดังนี้ 1) ปรับลดขนาดแฟ้ม .css ให้มีขนาดเล็กที่สุด 2) ปรับ layout แก้ปัญหา layout shift 3) ใช้ภาพ .webp แทน .jpg 4) ลดขนาดภาพ และเพิ่มความคมชัด และรักษา ratio ให้เท่าเดิม 5) ยกเลิกการโหลด font, css, js จากภายนอกทั้งหมด ซึ่งอิงกับโค้ดเดิม คือ การปรับแก้โค้ดเว็บเทมเพจเดิมในรุ่น 9.0 ที่เคยได้คะแนน 100 มาก่อน ซึ่งการลดขนาดแฟ้มและแปลงเป็น .webp เลือกใช้โปรแกรม irfanview เนื่องจากโปรแกรมมีขนาดเล็ก ทำงานได้รวดเร็ว และใช้งานง่าย

เว็บเพจหน้านี้ ประกาศ style ก่อน body
จึงเขียนโค้ดแบบ responsive web design และใช้ top bar menu แบบแยก desktop กับ mobile แล้วไม่กระทบคะแนน pagespeed

เว็บเพจหน้านี้ มีการเรียกใช้ bootstrap.min.css เมื่อส่งตรวจสอบกับ pagespeed insights พบว่า การเรียกใช้ bootstrap โดยตรงก่อนเปิด tag body จะทำให้คะแนนได้ไม่เต็ม 100 เนื่องจากต้องใช้เวลาระยะหนึ่ง ในการ Load แฟ้มจากภายนอก ซึ่งวิธีหนึ่งในการแก้ไขการ Load bootstrap คือ เขียน function ใน javascript ไว้ท้าย script เพื่อตรวจสอบ EventListener ว่าเป็น load หรือ onload มีผลให้ การแสดงผลหน้าแรก ผ่านการตรวจสอบของ pagespeed เสร็จสิ้นลง จึงจะมีการ load bootstrap ทำให้เงื่อนไขการโหลด bootstrap ไม่มีผลต่อคะแนน pagespeed insights

ส่วนการ load font .ttf นั้น เว็บเพจหน้านี้ เลือกใช้ font-display:optional; กับทุกฟอนต์ที่นำมาใช้ ซึ่งมีผลให้ ระยะเวลาในการ load font มาใช้งานนั้น แน่ใจได้ว่าจะไม่เกิดขึ้นใน 100ms แรก หรือเป็นการโหลดแบบ background with low priority ทำให้มั่นใจได้ว่า pagespeed insights จะตรวจสอบจนจบแล้ว การโหลดฟอนต์มาใช้จึงจะเกิดขึ้น ต่างกับ font-display:swap; ที่ font จะถูก render ทันทีเมื่อมีการโหลด และพร้อมแสดงฟอนต์ ทำให้เกิดปัญหา layout shift ขึ้นได้ และคะแนนส่วนนี้ก็จะไม่ได้ 100 คะแนนเต็ม

Webpage
Bootstrap

https://thaiall.com/web2/index100.htm

https://thaiall.com/web2/index90_100.htm

การใช้ php คุมการเรียก truehits บน https

เนื่องจากผมมี host ที่เรียกใช้ได้ทั้ง http และ https ตัวหนึ่ง ทำให้การทำงานกับ content ยุคปลอดภัย และไม่ปลอดภัย ในการรับส่งข้อมูลดำเนินร่วมทางกันไปแบบคู่ขนาน
..
โดยบริการของ truehits เพื่อเก็บสถิติการเข้าใช้งานเว็บเพจนั้น เปิดให้เจ้าของเว็บไซต์สมัครได้ใน 2 ประเภทหลัก คือ ฟรี และ สนับสนุน ซึ่งแบบสนับสนุน แบ่งได้ 6 แบบ โดยแบบที่ 4 ถึง 6 จะมีบริการ https
หากเป็นแบบฟรีก็ต้องเรียกใช้โค้ดผ่าน http แต่ถ้าแบบสนับสนุนแบบที่ 4 ขึ้นไป ก็จะเรียกใช้ได้ทั้ง http และ https ให้ใช้งานได้ โดยมีค่าบริการตามบริการที่เลือกไว้

/web2/index100.php


แต่การเรียกใช้ truehits แบบ http ใน  https host นั้น ระบบของ truehits ไม่ให้บริการ https สำหรับสมาชิกแบบฟรี ทำให้ค่าสถิติที่แสดงบน truehits เป็นค่าที่มาจากผู้ใช้ที่เข้าถึงเว็บไซต์แบบ http เท่านั้น ซึ่งการดู statistic การ access host นั้น มีผู้ให้บริการอยู่หลายราย แล้วเราสามารถเปรียบเทียบค่าสถิติเหล่านั้นได้
..
พบผลการประเมินของ pagespeed insights ของ Google ว่าขณะเปิดเว็บเพจแบบ https แล้วในเพจ เรียกใช้ script ของ truehits แบบ http จะมีผลประเมินในหัวข้อ Best practice ได้คะแนนลดลงมากกว่า 20 คะแนน ซึ่งได้เขียนโค้ดทดสอบ Library ต่าง ๆ ไว้ที่ /web2/index100 . php จึงรู้ถึงการลดคะแนนนี้
..
ซึ่ง host ที่บริการ php จะมี variables ดูได้จาก phpinfo() ให้เรียกใช้ได้มากมาย ดังนั้นการเรียก url แบบ http และ https จะมีตัวแปรหนึ่ง ที่ระบุว่าเรียกใช้ URL แบบใด เมื่อใช้ตัวแปร _SERVER[“HTTPS”] ทำการทดสอบด้วย isset() แล้วไปสั่งพิมพ์การแสดง JavaScript ของ truehits เพื่อเรียกเปิดการทำงานของ truehits และถ้าเป็น URL แบบ https ก็จะไม่เรียกใช้ สำหรับผู้ใช้แบบฟรี ทำให้ผล pagespeed insights ใน https ได้ 100 คะแนน เนื่องจากไม่ได้รับผลกระทบ ส่วนการเปิด URL แบบ http ยังได้คะแนนลดลงเช่นเดิม เนื่องจากในโค้ดของ truehits ยังมีการทำงานเชื่อมกับ host แบบ https ในฝั่งของ truehits
..
การเรียกใช้ truehits ยังมีวิธีอื่นที่ truehits แนะนำไว้ เช่น iframe หรือ perl ส่วนการใช้งานค่าสถิติก็มีบริการข้อมูลอีกมากมายที่นำมาใช้ประโยชน์ เพื่อพัฒนาเว็บไซต์ของตน หรือองค์กรได้

https://www.thaiall.com/web2/index.php

Truehits.net
phpinfo()