Kembali ke Dukungan Konten dan Media Blok Blok Sematan Menyematkan dari Google Maps

Menyematkan dari Google Maps

Google Maps adalah alat gratis yang populer untuk menampilkan peta dan arahan. Panduan ini akan menunjukkan cara menyematkan (menampilkan) Google Maps ke situs WordPress.com Anda.

Menyematkan Google Maps

Anda dapat menyematkan Google Maps ke halaman situs WordPress.com mana pun dengan melakukan langkah-langkah berikut:

Langkah 1: Dapatkan Kode Sematan Peta

  1. Buka Google Maps.
  2. Cari alamat jalan atau lokasi geografis mana pun lalu klik tombol “Bagikan“:
Tanda panah mengarah ke tombol Bagikan di daftar Google Maps.
  1. Di popup yang muncul, pilih tab “Sematkan peta“.
  2. Klik tombol “Salin HTML” untuk menyalin seluruh kode HTML dari kotak ke papan klip komputer Anda. Kode akan dimulai dengan <iframe.
Tanda panah menunjuk ke tombol Salin HTML.

Langkah 2: Tambahkan Kode Sematan ke Situs Anda

  1. Buka halaman situs Anda di editor WordPress
  2. Klik + Penyisip Blok untuk menambahkan blok HTML Khusus.
  3. Tempel kode sematan lengkap ke dalam blok.
  4. Klik tombol Publikasikan, Perbarui, atau Simpan agar peta Anda muncul di situs.

Saat mengedit halaman atau pos selanjutnya, Anda akan melihat kode sematan telah dikonversi ke shortcode:

Shortcode Google Maps ditampilkan.

Jika kode Anda tidak berfungsi, coba gunakan alamat fisik. Alamat yang dibuat dengan koordinat garis bujur dan garis lintang, bukan alamat fisik, tidak akan memberi Anda kode yang dapat digunakan.

Contoh Google Maps Tersemat

Berikut contoh tampilan peta sematan:

Menyematkan Peta Kustom

Google Maps menawarkan kemampuan untuk membuat peta kustom Anda sendiri dengan pin, beberapa lokasi, ikon yang dipersonalisasi, dan banyak lagi. Anda dapat menyematkan peta kustom ke situs dengan langkah-langkah berikut:

  1. Buka Peta Saya.
  2. Pilih peta yang sudah Anda buat atau buat yang baru.
  3. Tampilkan peta agar dapat dilihat publik menggunakan pilihan “Bagikan“:
  4. Klik elipsis (tiga titik) di sebelah nama peta untuk menampilkan pilihan tambahan. Sebuah jendela akan muncul, seperti ilustrasi di bawah ini:
  5. Pilih “Sematan di situs saya” dari daftar tersebut. Tindakan ini akan membuka jendela dengan kode sematan. Salin kode selengkapnya.
    sematkan-peta-ini
  6. Tambahkan kode sematan ke situs Anda dengan mengikuti langkah yang sama untuk peta reguler.
Copied to clipboard!