Types of integration
      กลับไปหน้าหลัก
      1. หน้าหลัก
      2. ผู้เผยแพร่โฆษณา
      3. Types of integration

      การติดตั้งโค้ดวิดเจ็ต MGID บนแพลตฟอร์ม Blogger

      คำแนะนำ

      โค้ดวิดเจ็ต MGID (Simple JS) คือโค้ดการติดตั้ง MGID โดยตรงในระดับเว็บไซต์ที่ผู้เผยแพร่โฆษณาใช้เพื่อผสานรวมวิดเจ็ตบนเว็บไซต์ ซึ่งแตกต่างจากโค้ดการติดตั้งมาตรฐาน แท็ก Simple JS ได้รับการออกแบบให้มีน้ำหนักเบาและมีประสิทธิภาพ ช่วยให้มั่นใจได้ว่ามีผลกระทบต่อประสิทธิภาพของไซต์น้อยที่สุดและหลีกเลี่ยงขั้นตอนเพิ่มเติมจากฝั่งผู้เผยแพร่โฆษณา

      โค้ดการติดตั้งวิดเจ็ตประกอบไปด้วยสองส่วน:

      1. สคริปต์ Head: นี่คือตัวโหลดล่วงหน้าของ MGID ที่จำเป็นต้องนำไปวางไว้ในส่วน <HEAD> ของเว็บไซต์ หากไม่มีโค้ดส่วนนี้โฆษณาจะไม่แสดง

      ตัวอย่างของสคริปต์:

      <script src="https://jsc.mgid.com/site/123456.js" async></script>

      2. คอนเทนเนอร์ Body: นี่คือองค์ประกอบ div ที่ควรแสดงผลวิดเจ็ต MGID ภายในบล็อกโพสต์

      ตัวอย่างของสคริปต์:

      <!-- place in the body --> 
      <div data-type="_mgwidget" data-widget-id="1464221"></div> 
      <script>
      (function(w,q){w[q]=w[q]||[];w[q].push(["_mgc.load"])})(window,"_mgq");
      </script>

      วิธีผสานรวมโค้ดวิดเจ็ต MGID (Simple JS) บนแพลตฟอร์ม Blogger

      ตัวเลือกที่ 1 - การใช้ตัวสร้างเค้าโครง

      1. ลงชื่อเข้าใช้ Blogger แล้วคลิกที่ลูกศรด้านซ้ายบนของหน้าจอ จากรายการแบบเลื่อนลง ให้เลือกบล็อกที่คุณต้องการแสดงโฆษณา

      Bloger_add_1

      2. จากแผงเมนู ให้เลือกเค้าโครง แล้วเลือกพื้นที่ที่คุณต้องการวางโฆษณา และคลิกที่เพิ่มแกดเจ็ต

      Bloger_add_2

      3. คลิกที่ส่วน HTML/Javascript ในหน้าต่างป๊อปอัป สำคัญ: อย่าเพิ่งป้อนชื่อในขั้นตอนนี้

      Bloger_add_3

      4. สร้างแกดเจ็ตแรกของคุณสำหรับสคริปต์ Head จากนั้นวางสคริปต์ Head ลงในส่วนเนื้อหา ย้ายแกดเจ็ตไปที่ส่วนหัวเรื่อง

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      5. ทำซ้ำขั้นตอนก่อนหน้าเพื่อสร้างแกดเจ็ตที่สองของคุณสำหรับคอนเทนเนอร์ Body
      6. ย้ายแกดเจ็ต Body ไปยังตำแหน่งที่ต้องการ (เช่น ใต้โพสต์ในบล็อก) คลิกที่บันทึกและตรวจสอบบล็อกของคุณ

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

      คุณสามารถเปลี่ยนหรือสุ่มการ์ดได้ตามประเภทของโค้ดโฆษณาและการตั้งค่าของคุณ

      ตัวเลือกที่ 2 - การใช้โปรแกรมแก้ไข HTML

      1. เปิดแผงผู้ดูแลระบบของ Blogger
      2. จากแผงเมนู ให้เลือกธีม
      3. เลือกธีม คลิกที่ไอคอนลูกศรเพิ่มเติม และเลือกแก้ไข HTML เพื่อดูโค้ดของเทมเพลตเว็บไซต์

      Bloger_3

      GIF 3.

      Gif_3_blogger

      4. เพิ่มสคริปต์ Head ภายในเทมเพลตของหน้า

      เปิดแถบค้นหาบนหน้า (ใช้ Ctrl + F บน Windows หรือ Command + F บน macOS) ป้อนข้อความ <HEAD> และค้นหาองค์ประกอบที่ต้องการ จากนั้นให้เพิ่มสคริปต์เข้าไปที่ด้านล่างองค์ประกอบที่ต้องการ 

      GIF 4.

      Gif_4_blogger

      Bloger_4

      5. เพิ่มสคริปต์คอนเทนเนอร์ Body ภายในหน้าเทมเพลต

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

      Bloger_5

      ค้นหาองค์ประกอบในโปรแกรมแก้ไข HTML แทรกคอนเทนเนอร์ Body ในตำแหน่งที่ต้องการก่อนหรือหลังองค์ประกอบที่เลือก

      Bloger_6

      คลิกที่บันทึกในโปรแกรมแก้ไข HTML ในจุดนี้วิดเจ็ต MGID จะเริ่มแสดงขึ้นทันที

      Bloger_7

      Gif_5_blogger

      ในบางกรณี คุณจำเป็นต้องล้างแคชในฝั่งของคุณเพื่อให้วิดเจ็ตปรากฏขึ้น

      Bloger_8