---
title: MGID Widget Code – Instalasi Langsung
description: Kode widget MGID (Simple JS) adalah kode instalasi MGID di tingkat situs web yang digunakan oleh penerbit untuk mengintegrasikan widget pada situs web. Berbeda dengan kode instalasi standar, tag Simpl
---

[Lewati ke konten](https://help.mgid.com/id/mgid-widget-code-instalasi-langsung#main-content)

- [Bahasa Indonesia](https://help.mgid.com/id/mgid-widget-code-instalasi-langsung)
- [English](https://help.mgid.com/mgid-widget-code-direct-installation)
- [Español](https://help.mgid.com/es/código-de-widget-mgid-instalación-directa)
- [Français](https://help.mgid.com/fr/code-du-widget-mgid-installation-directe)
- [Italiano](https://help.mgid.com/it/codice-widget-mgid-installazione-diretta)
- [Polski](https://help.mgid.com/pl/kod-widgetu-mgid-instalacja-bezpośrednia)
- [Português - Brasil](https://help.mgid.com/pt-br/código-do-widget-mgid-implementação-direta)
- [Tiếng Việt](https://help.mgid.com/vi/mã-widget-mgid-cài-đặt-trực-tiếp)
- [Українська](https://help.mgid.com/uk/код-віджету-mgid-пряма-установка)
- [ไทย](https://help.mgid.com/th/โค้ดวิดเจ็ต-mgid-การติดตั้งโดยตรง)

Bahasa Indonesia

Tampilkan submenu untuk terjemahan

![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)

Buka navigasi utama

Tutup navigasi utama

- [Advertisers](https://www.mgid.com/advertisers)
- [Publishers](https://www.mgid.com/publishers)
- [Contact Us](https://www.mgid.com/about#tabs-contactus)
- - [Bahasa Indonesia](https://help.mgid.com/id/mgid-widget-code-instalasi-langsung)
    - [English](https://help.mgid.com/mgid-widget-code-direct-installation)
    - [Español](https://help.mgid.com/es/código-de-widget-mgid-instalación-directa)
    - [Français](https://help.mgid.com/fr/code-du-widget-mgid-installation-directe)
    - [Italiano](https://help.mgid.com/it/codice-widget-mgid-installazione-diretta)
    - [Polski](https://help.mgid.com/pl/kod-widgetu-mgid-instalacja-bezpośrednia)
    - [Português - Brasil](https://help.mgid.com/pt-br/código-do-widget-mgid-implementação-direta)
    - [Tiếng Việt](https://help.mgid.com/vi/mã-widget-mgid-cài-đặt-trực-tiếp)
    - [Українська](https://help.mgid.com/uk/код-віджету-mgid-пряма-установка)
    - [ไทย](https://help.mgid.com/th/โค้ดวิดเจ็ต-mgid-การติดตั้งโดยตรง)

  Bahasa Indonesia
  
  Tampilkan submenu untuk terjemahan
- Hubungi kami

 Hubungi kami

 Welcome to MGID! How can we help you?

- Tidak ada saran karena bidang pencarian kosong.

1. [Help Center Home](https://help.mgid.com/id?hsLang=id)
2. [Pengembang](https://help.mgid.com/id/pengembang?hsLang=id)
3. [Jenis integrasi](https://help.mgid.com/id/pengembang?hsLang=id#jenis-integrasi)

# MGID Widget Code – Instalasi Langsung

### Pengantar

Kode widget MGID (Simple JS) adalah kode instalasi MGID di tingkat situs web yang digunakan oleh penerbit untuk mengintegrasikan widget pada situs web. Berbeda dengan kode instalasi standar, tag Simple JS dirancang agar ringan dan efisien. Ini memastikan dampak minimal pada kinerja situs dan menghindari langkah-langkah tambahan dari sisi penerbit.

Kode instalasi widget mengandung dua bagian:

1. HeadScript: Ini adalah preloader MGID yang harus ditempatkan di dalam bagian \<HEAD\> pada situs web.
2. BodyContainer: Ini adalah elemen div tempat widget MGID harus dirender di dalam sebuah posting blog.

Anda perlu membuat unit iklan (widget) yang diinginkan di dashboard dan mendapatkan kode widget-nya.

![code](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/code.png?width=688&height=675&name=code.png)

### **Penempatan langsung kode widget MGID (Simple JS)**

**SimpleJS** mengutamakan pemuatan situs web yang cepat. Berikut alasannya:

- **Tidak ada dependensi eksternal**: Integrasikan SimpleJS langsung ke dalam kode Anda tanpa memerlukan plugin dan blok pemuat tambahan yang bisa memperlambat kinerja.
- **Pemuatan asinkron**: SimpleJS dimuat secara paralel dengan keseluruhan situs web Anda sehingga tidak menjadi hambatan untuk kecepatan pemuatan halaman awal.

Ikuti langkah-langkah berikut untuk mengimplementasikan kode secara langsung:

1. Buka aplikasi editor HTML pilihan Anda. Prosesnya sama untuk setiap editor (untuk panduan ini, kami akan menggunakan editor online dengan pratinjau situs yang sudah dikompilasi).
2. Temukan bagian \<head\> dan tempelkan bagian kode \<head\> di mana saja di dalam bagian \<head\>. Praktik terbaiknya adalah menempatkannya di bagian atas agar mulai dimuat lebih cepat dan lebih mudah ditemukan jika diperlukan.

Untuk efisiensi, Anda hanya perlu menggunakan bagian kode ini di satu lokasi.

![2. Direct](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Direct%20widget%20installation/2.%20Direct.png?width=688&height=410&name=2.%20Direct.png)

 3. Untuk setiap widget yang ingin Anda tampilkan, salin dan tempel potongan kode bagian \<body\> ke area yang ditentukan di halaman tempat Anda ingin widget tersebut muncul.

Screenshot di bawah menunjukkan dua widget yang ditempatkan: Widget pintar dan Widget Impact Dalam Artikel. Praktik terbaiknya adalah menempatkan widget di blok "tujuan" seperti di dalam artikel atau konten.

![3. Direct](https://help.mgid.com/hs-fs/hubfs/1.%20Help%20Center%20(website)/Publishers/Direct%20widget%20installation/3.%20Direct.png?width=688&height=469&name=3.%20Direct.png)

Simpan perubahan dan uji apakah semuanya ditempatkan dengan benar. Sesuaikan jika diperlukan. Widget akan muncul di tempat yang sudah ditentukan.

Ada unit lain yang dapat Anda tempatkan dengan metode yang sama, hanya mengubah penempatan dan bagian kode \<body\>. Tidak diperlukan perubahan pada kode \<head\> jika sudah ada di halaman.

- [Pengembang](https://help.mgid.com/id/pengembang?hsLang=id#main-content)

    - [Umum](https://help.mgid.com/id/pengembang?hsLang=id#umum)
    - [Konten dan praktik yang dilarang](https://help.mgid.com/id/pengembang?hsLang=id#konten-dan-praktik-yang-dilarang)
    - [Jenis integrasi](https://help.mgid.com/id/pengembang?hsLang=id#jenis-integrasi)
    - [Dibayar](https://help.mgid.com/id/pengembang?hsLang=id#dibayar)
    - [FAQ](https://help.mgid.com/id/pengembang?hsLang=id#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

Hak Cipta © 2026, MGID Inc.