Jenis integrasi
      Kembali ke beranda
      1. Beranda
      2. Pengembang
      3. Jenis integrasi

      Kode Widget MGID - Instalasi di Platform Blogger

      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. Head Script: Ini adalah preloader MGID yang harus ditempatkan di dalam bagian <HEAD> pada situs web.

      Contoh script:

      <script src="https://jsc.mgid.com/site/123456.js" async></script>
      2. Body Container: Ini adalah elemen div tempat widget MGID harus dirender di dalam sebuah posting blog.

      Contoh script:

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

      Cara mengintegrasikan kode widget MGID (Simple JS) di platform Blogger

      Opsi 1 - Menggunakan Layout Builder

      Masuk ke Blogger dan klik panah di bagian kiri atas layar. Dari daftar drop-down, pilih blog di mana Anda ingin menampilkan iklan.

      Bloger_add_1

      2. Dari panel Menu, pilih Tata Letak (Layout), pilih area di mana Anda ingin menempatkan iklan, dan klik Tambahkan Gadget (Add a Gadget).

      Bloger_add_2

      3. Klik bagian HTML/Javascript di jendela pop-up. Penting: Jangan masukkan judul pada tahap ini.

      Bloger_add_3

      4. Buat Gadget pertama Anda untuk Head Script. Tempelkan Head Script ke bagian Konten (Content). Pindahkan gadget ke bagian Header.

      Bloger_1

      GIF 1.

      Gif_1_blogger_HEAD_part

      5. Ulangi langkah-langkah sebelumnya untuk membuat Gadget kedua Anda untuk Body Container.
      6. Pindahkan Gadget Body ke penempatan yang diinginkan (misalnya di bawah posting blog). Klik Simpan dan periksa blog Anda.

      Bloger_2

      GIF 2.

      Gif_2_blogger_BODY_part

      Anda dapat menggeser atau menyusun ulang gadget sesuai dengan jenis kode iklan dan preferensi Anda.

      Opsi 2 - Menggunakan Editor HTML

      1. Buka panel admin Blogger. 
      2. Dari panel Menu, pilih Tema (Theme). 
      3. Pilih tema, klik ikon panah Lebih, dan pilih Edit HTML untuk melihat kode template situs web.

      Bloger_3

      GIF 3.

      Gif_3_blogger

      4. Tambahkan Head Script ke dalam template halaman.

      Buka bilah pencarian di halaman (gunakan Ctrl + F di Windows atau Command + F di macOS). Masukkan teks <HEAD> dan temukan elemen yang diperlukan. Di bawah elemen yang diperlukan, tambahkan script tersebut.

      GIF 4.

      Gif_4_blogger

      Bloger_4

      5. Tambahkan script Body Container ke dalam template halaman.

      Tentukan tempat di mana widget harus terlihat. Cara termudah adalah menggunakan alat inspeksi browser dan menemukan nama elemen di mana widget MGID harus muncul. Sebagai contoh, kita akan menempatkan widget setelah artikel dan bagian post-outer.

      Bloger_5

      Temukan elemen di editor HTML dan sisipkan Body Container di penempatan yang diperlukan sebelum atau sesudah elemen yang dipilih.

      Bloger_6

      Klik Simpan di Editor HTML. Widget MGID akan mulai muncul secara instan.

      Bloger_7

      Gif_5_blogger

      Dalam beberapa kasus, menghapus cache di sisi Anda diperlukan agar widget dapat muncul.

      Bloger_8