Cara Menambahkan Google Map Sekolah di Halaman Kontak – Alamat Google Map akan sangat membantu pengunjung menemukan lokasi fisik sekolah Anda. Berikut adalah cara untuk menambahkan alamat Google Map di halaman kontak.
Hal pertama yang perlu dilakukan adalah mendapatkan link embed Google Map sekolah Anda. Untuk mendapatkannya, silakan akses halaman google.com/maps dan kemudian masukkan alamat sekolah Anda. Dalam contoh ini, kami akan memasukkan alamat SMPN 1 Yogyakarta seperti berikut
Selanjutnya, silakan klik Share -> Embed a Map dan kemudian klik Copy HTML
Dalam contoh di atas, kode HTMLnya adalah sebagai berikut:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3953.
116700453953!2d110.37288387506361!3d-
7.7774488922421225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x2e7a5835ab2a9a6d%3A0x41da88d6790bad69!2sState%20Junior%20High%20School%201%20Yogyakarta!
5e0!3m2!1sen!2sid!4v1725371268573!5m2!1sen!2sid" width="600" height="450" style="border:0;"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
Dari kode di atas, kita hanya membutuhkan baris url berikut:
https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3953.
116700453953!2d110.37288387506361!3d-
7.7774488922421225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!
3m3!1m2!1s0x2e7a5835ab2a9a6d%3A0x41da88d6790bad69!2sState%20Junior%20High%20School%201%20Yogyakarta!
5e0!3m2!1sen!2sid!4v1725371268573!5m2!1sen!2sid
Copy baris url tersebut (pastikan tidak ada spasi atau enter dalam urlnya) dan selanjutnya silakan login ke halaman Administrator sekolah Anda (Baca Cara Login Administrator Sekolah) dan kemudian pilih menu Menu Utama dan paste url tersebut pada kolom Google Maps seperti gambar berikut
Klik Update dan selesai, Maps sekolah Anda berhasil di update dan bisa dilihat di menu Hubungi Kami seperti pada gambar berikut