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

[ข้ามไปที่เนื้อหา](https://help.mgid.com/th/คู่มือการติดตั้งวิทเจ็ทโฆษณาของ-mgid-บน#main-content)

- [ไทย](https://help.mgid.com/th/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B9%80%E0%B8%88%E0%B9%87%E0%B8%97%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2%E0%B8%82%E0%B8%AD%E0%B8%87-mgid-%E0%B8%9A%E0%B8%99)
- [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
- [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
- [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
- [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
- [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
- [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
- [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-código-da-mgid-no-seu-blogger)
- [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
- [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)

ไทย

แสดงเมนูย่อยสำหรับการแปล

![MGID\_Logo\_Help\_Center\_W\_R\_Swoosh.svg\]](https://help.mgid.com/hubfs/MGID_Logo_Help_Center_W_R_Swoosh.svg)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

เปิดการนำทางหลัก

ปิดการนำทางหลัก

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)
- - [ไทย](https://help.mgid.com/th/%E0%B8%84%E0%B8%B9%E0%B9%88%E0%B8%A1%E0%B8%B7%E0%B8%AD%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%95%E0%B8%B4%E0%B8%94%E0%B8%95%E0%B8%B1%E0%B9%89%E0%B8%87%E0%B8%A7%E0%B8%B4%E0%B8%97%E0%B9%80%E0%B8%88%E0%B9%87%E0%B8%97%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2%E0%B8%82%E0%B8%AD%E0%B8%87-mgid-%E0%B8%9A%E0%B8%99)
    - [Bahasa Indonesia](https://help.mgid.com/id/kode-widget-mgid-instalasi-di-platform-blogger)
    - [English](https://help.mgid.com/how-to-add-mgid-code-to-your-blogger)
    - [Español](https://help.mgid.com/es/cómo-implementar-el-código-de-mgid-en-blogger)
    - [Français](https://help.mgid.com/fr/installation-du-code-du-widget-mgid-sur-la-plateforme-blogger)
    - [Italiano](https://help.mgid.com/it/come-aggiungere-un-codice-di-mgid-a-your-blogger)
    - [Polski](https://help.mgid.com/pl/instalacja-kodu-widżetu-mgid-na-platformie-blogger)
    - [Português - Brasil](https://help.mgid.com/pt-br/como-adicionar-o-código-da-mgid-no-seu-blogger)
    - [Tiếng Việt](https://help.mgid.com/vi/cách-thêm-mgid-code-vào-blogger)
    - [Українська](https://help.mgid.com/uk/як-додати-код-mgid-до-blogger)

  ไทย
  
  แสดงเมนูย่อยสำหรับการแปล
- ติดต่อเรา

 ติดต่อเรา

 Welcome to MGID! How can we help you?

- ไม่มีการเสนอแนะเพราะช่องการค้นหาว่าง

1. [Help Center Home](https://help.mgid.com/th?hsLang=th)
2. [ผู้เผยแพร่โฆษณา](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th)
3. [Types of integration](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#types-of-integration)

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

### คำแนะนำ

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

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

ให้แทนที่ {your\_website\_id} และ {your\_widget\_id} ด้วยค่าที่ได้จากเมนู Dashboard \> Widgets \> Get code

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

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

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

```
<script src="https://jsc.mgid.com/site/{your_website_id}.js" async></script>
```

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

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

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

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

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

1\. ลงชื่อเข้าใช้ [Blogger](https://www.blogger.com/) แล้วคลิกที่ลูกศรด้านซ้ายบนของหน้าจอ จากรายการแบบเลื่อนลง ให้เลือกบล็อกที่คุณต้องการแสดงโฆษณา

![Bloger\_add\_1](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_1.png?width=568&height=151&name=Bloger_add_1.png)

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

**![Bloger\_add\_2](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_2.png?width=566&height=314&name=Bloger_add_2.png)**

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

**![Bloger\_add\_3](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_add_3.png?width=223&height=398&name=Bloger_add_3.png)**

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

![Bloger\_1](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_1.png?width=571&height=282&name=Bloger_1.png)

*GIF 1.*

![Gif\_1\_blogger\_HEAD\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_1_blogger_HEAD_part.gif?width=670&height=379&name=Gif_1_blogger_HEAD_part.gif)

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

![Bloger\_2](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_2.png?width=573&height=313&name=Bloger_2.png)

*GIF 2.*

![Gif\_2\_blogger\_BODY\_part](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_2_blogger_BODY_part.gif?width=670&height=379&name=Gif_2_blogger_BODY_part.gif)

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

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

1. เปิดแผงผู้ดูแลระบบของ [**Blogger**](https://www.blogger.com/)
2. จากแผงเมนู ให้เลือกธีม
3. เลือกธีม คลิกที่ไอคอนลูกศรเพิ่มเติม และเลือกแก้ไข **HTML** เพื่อดูโค้ดของเทมเพลตเว็บไซต์

![Bloger\_3](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_3.png?width=464&height=293&name=Bloger_3.png)

*GIF 3.*

![Gif\_3\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_3_blogger.gif?width=670&height=334&name=Gif_3_blogger.gif)

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

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

*GIF 4.*

![Gif\_4\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_4_blogger.gif?width=670&height=651&name=Gif_4_blogger.gif)

![Bloger\_4](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_4.png?width=670&height=104&name=Bloger_4.png)

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

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

![Bloger\_5](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_5.png?width=670&height=242&name=Bloger_5.png)

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

![Bloger\_6](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_6.png?width=670&height=218&name=Bloger_6.png)

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

![Bloger\_7](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_7.png?width=670&height=315&name=Bloger_7.png)

![Gif\_5\_blogger](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Gif_5_blogger.gif?width=670&height=651&name=Gif_5_blogger.gif)

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

![Bloger\_8](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Bloggers/Bloger_8.png?width=330&height=302&name=Bloger_8.png)

 

- [ผู้เผยแพร่โฆษณา](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#main-content)

    - [ทั่วไป](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#%E0%B8%97%E0%B8%B1%E0%B9%88%E0%B8%A7%E0%B9%84%E0%B8%9B)
    - [เนื้อหาต้องห้ามและข้อปฏิบัติ](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#%E0%B9%80%E0%B8%99%E0%B8%B7%E0%B9%89%E0%B8%AD%E0%B8%AB%E0%B8%B2%E0%B8%95%E0%B9%89%E0%B8%AD%E0%B8%87%E0%B8%AB%E0%B9%89%E0%B8%B2%E0%B8%A1%E0%B9%81%E0%B8%A5%E0%B8%B0%E0%B8%82%E0%B9%89%E0%B8%AD%E0%B8%9B%E0%B8%8F%E0%B8%B4%E0%B8%9A%E0%B8%B1%E0%B8%95%E0%B8%B4)
    - [Types of integration](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#types-of-integration)
    - [การจ่ายเงิน](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#%E0%B8%81%E0%B8%B2%E0%B8%A3%E0%B8%88%E0%B9%88%E0%B8%B2%E0%B8%A2%E0%B9%80%E0%B8%87%E0%B8%B4%E0%B8%99)
    - [FAQ](https://help.mgid.com/th/%E0%B8%9C%E0%B8%B9%E0%B9%89%E0%B9%80%E0%B8%9C%E0%B8%A2%E0%B9%81%E0%B8%9E%E0%B8%A3%E0%B9%88%E0%B9%82%E0%B8%86%E0%B8%A9%E0%B8%93%E0%B8%B2?hsLang=th#faq)

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)

[![Chill listening crop-3](https://help.mgid.com/hubfs/MGID_Logo_Icon_HC.svg "Chill listening crop-3")](https://www.mgid.com)

Native performance through innovation

ลิขสิทธิ์© 2026, MGID Inc.