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

      การติดตั้งโค้ดวิดเจ็ต MGID บน Wix.com

      ข้อมูลเบื้องต้น

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

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

      1. สคริปต์หัวเรื่อง: นี่คือตัวโหลดล่วงหน้าของ MGID ที่ควรวางไว้ในส่วน <HEAD> ของเว็บไซต์
      2. คอนเทนเนอร์เนื้อหา: นี่คือองค์ประกอบ div ที่ควรแสดงวิดเจ็ต MGID ภายในบล็อกโพสต์

      คุณต้องสร้างหน่วยโฆษณา (วิดเจ็ต) ที่ต้องการในแดชบอร์ดและรับโค้ดวิดเจ็ต

      1. Wix

      วิธีการรวมโค้ดวิดเจ็ต MGID (Simple JS) บน Wix.com

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

      ตัวเลือกที่ 1 - การเพิ่มส่วนด้วยโค้ดแบบกำหนดเอง

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

      ในขณะที่ SimpleJS ใช้โค้ดใน <head> และ <body> Wix ต้องการแนวทางที่แตกต่างออกไป เราจะมาสำรวจวิธีการบรรลุผลลัพธ์เดียวกันด้วย Wix

      ทำตามขั้นตอนเหล่านี้:

      1. ไปที่แดชบอร์ดของเว็บไซต์ Wix เลือกไซต์ แล้วคลิกที่ปุ่มแก้ไขไซต์

      2. Wix

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

      3. Wix

      3. เพิ่มหัวข้อย่อย เลื่อนลงไปที่ท้ายบทความ ไปที่บล็อกโพสต์และความคิดเห็นล่าสุด แล้วคลิก เพิ่มหัวข้อ

      4. Wix

      4. คุณสามารถเลือกประเภทของส่วนแบบใดก็ได้ที่นี่ ในกรณีของเรา เราจะเลือกเพิ่มส่วนว่างเปล่า

      5. Wix

      5. วางหน่วยโฆษณาลงในส่วน:

      • คลิกที่ส่วนนั้นหนึ่งครั้ง จากนั้นคลิกที่ปุ่ม (+) ที่ด้านซ้ายบนเพื่อเพิ่มองค์ประกอบ HTML ที่ฝังไว้ในส่วนที่เพิ่งสร้างขึ้น

      6. Wix

      7. Wix

      • คัดลอกส่วนโค้ดส่วนหัวเรื่องและส่วนเนื้อหาจากแดชบอร์ด MGID ของคุณไปยังไฟล์ข้อความหรือแอปบันทึกใดก็ได้ app.

      8. Wix_GIF

      • วางโค้ดทั้งหมดลงในกล่องข้อความโค้ดแล้วกด “อัปเดต”

      9. Wix

      • ปรับขนาดบล็อกและส่วนต่าง ๆ เพื่อให้หน่วยโฆษณามีขนาดที่พอดี

      10. Wix

      ตอนนี้เรามาตรวจสอบให้แน่ใจว่าหน่วยสามารถมองเห็นได้ในทุกธีม

      6. เพิ่มพื้นหลังที่มีสีสดใสให้กับส่วนนั้นหรือพื้นหลังสีขาวให้กับหน่วยโฆษณาของเราแทน

      • การเพิ่มสีสันสดใสให้กับพื้นหลังของส่วนต่าง ๆ: คลิกที่ส่วนนั้น เลือกเปลี่ยนพื้นหลัง และเลือกสีขาว

      11. Wix_GIF

      • Aการเพิ่มสีขาวลงในพื้นหลังหน่วยโฆษณาในโค้ดวิดเจ็ต: แก้ไขโค้ด HTML และเพิ่มสคริปต์ต่อไปนี้:
      style="background-color:white;"

      คลิกที่ "อัปเดต" หลังจากที่ทำการเพิ่มสคริปต์แล้ว

      12. Wix_GIF

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

      มาดูกันว่าตัวเลือกที่สองจะเป็นตัวเลือกที่ดีกว่าหรือไม่ โปรดทราบว่าคุณสามารถใช้ทั้งสองตัวเลือกพร้อมกันได้

      ตัวเลือกที่ 2 - โค้ดแบบกำหนดเองภายในเนื้อหา

      เราสามารถฝังเฟรม HTML ไว้ในเนื้อหาได้ทุกที่บนหน้า แต่ต้องดำเนินการด้วยตนเองสำหรับบทความหรือโพสต์ใหม่แต่ละบทความ

      ทำตามขั้นตอนเหล่านี้:

      1. ไปที่แดชบอร์ดเว็บไซต์ Wix ของคุณ และเลือกแก้ไขโพสต์หรือบทความใดก็ได้ของคุณ
      13. Wix_GIF

      2. คลิกที่ส่วนใดก็ได้ของเนื้อหาที่คุณต้องการวางหน่วยโฆษณา คลิกที่เครื่องหมาย |+| ที่ปรากฏทางด้านซ้ายของเนื้อหา แล้วเลือกโค้ด HTML

      14. Wix_GIF

      3. คลิกที่แก้ไข HTML คัดลอกและวางโค้ดหน่วยโฆษณาทั้งสองส่วนลงในกล่องข้อความที่เปิดอยู่ แล้วปรับขนาดกล่องตามความต้องการ โปรดทราบว่าหน่วยโฆษณาของเราตอบสนองได้ดีและสามารถเปลี่ยนแปลงได้ตามขนาดเฟรม

      15. Wix_GIF

      4. ตอนนี้ให้เพิ่มบรรทัดโค้ดต่อไปนี้หลังจากส่วน <div

       <div style="background-color:white;"

      วิธีนี้จะช่วยให้แน่ใจได้ว่าพื้นหลังของหน่วยโฆษณาจะยังคงเป็นสีขาวและองค์ประกอบข้อความทั้งหมดจะสามารถมองเห็นได้

      16. Wix