Cara Menyematkan Google Maps ke Situs Web Anda

Diterbitkan: 2022-05-15

Membantu pelanggan atau klien menemukan toko dunia nyata Anda sangat penting untuk memaksimalkan penjualan langsung Anda. Anda dapat menambahkan bisnis Anda ke Google Maps menggunakan Google Bisnisku. Tetapi Anda juga dapat menyematkan Google Maps ke situs web Anda – misalnya, halaman kontak Anda.

Ini lebih mudah daripada kedengarannya.

Menyematkan Google Maps di situs web adalah cara sederhana untuk membantu konsumen menemukan bisnis Anda. Dengan lebih dari 150 juta pengguna mengakses Google Maps setiap bulan, Anda ingin memanfaatkan basis pengguna ini. Bagaimanapun, ini adalah cara untuk menemukan bisnis dan perusahaan, baik Anda pelanggan, klien, atau bahkan calon karyawan.

sematkan peta google, sematkan peta google di situs web

Dalam artikel ini, kami akan menjelaskan cara menyematkan Google Maps di situs web – baik itu situs perusahaan atau toko lokal.

Tingkatkan pemasaran Anda! Jadwalkan konsultasi gratis untuk meningkatkan penjualan dengan SEO dan PPC hari ini!

Cara menyematkan Google Maps di situs web

Ada dua cara berbeda untuk menyematkan Google Maps di situs web: kode HTML atau kunci API.

Menggunakan kode HTML

Google Maps memiliki fitur "Bagikan atau sematkan peta" yang terintegrasi ke dalam sistem mereka. Anda menggunakan kode HTML peta di dalam kode HTML situs web Anda untuk membuat tautan langsung ke Google Maps di laman.

  1. Buka google.com/maps.
  2. Temukan lokasi yang ingin Anda sematkan dan pilih.
  3. Klik tiga garis horizontal di tab menu di sudut kiri atas.
  4. Pilih opsi “Bagikan atau sematkan peta”.

Anda dapat menggunakan tautan bagikan untuk mengirim atau membagikan tautan di media sosial, seperti Facebook atau Twitter, atau platform lain yang kompatibel.
Untuk menambahkan tautan ke situs web Anda, klik tab “Sematkan peta”.

  1. Putuskan seberapa besar peta yang Anda inginkan di tab tarik-turun sebelah kiri di menu pop-up: Kecil, Sedang, Besar, atau Ukuran Khusus
  2. Pilih opsi "SALIN HTML", dan tempelkan ke bagian HTML situs web Anda.
  3. Anda dapat menempatkan peta di mana pun Anda inginkan di halaman web Anda. Namun, dengan menyematkan peta, Anda setuju untuk mematuhi persyaratan layanan Google. Anda juga tidak akan memiliki akses ke semua fitur Google Map di peta yang disematkan, seperti informasi lalu lintas langsung.

Blog yang direkomendasikan : 20 Ide Terbaik untuk Meningkatkan Penjualan dan Apa itu SEO? Panduan Pemula untuk Pengoptimalan Mesin Telusur.

Menggunakan kunci API untuk Menyematkan Google Maps

Anda akan memerlukan beberapa kemahiran dengan pengkodean untuk menerapkan metode ini.

Langkah 1: Buat kunci API

  1. Buka bagian Google Maps di Google Cloud Platform.
    (Anda harus memiliki API yang Diaktifkan saat menyiapkan proyek)
  2. Di menu sebelah kiri, pilih "Kredensial".
  3. Klik "+ BUAT KREDENSIAL".
  4. Pilih “API key” dari menu, dan salin API yang muncul (Anda akan membutuhkannya nanti).

Langkah 2: Buat kode untuk membuat peta berfungsi

  1. Tentukan kode gaya peta untuk halaman Anda.
    <gaya>
     #peta { lebar: 100%;

    tinggi: 400 piksel;

    warna latar belakang: abu-abu;

    }

    </ gaya>

  2. Tambahkan skrip peta dengan koordinat bisnis Anda.
    <script> fungsi initMap() {

    var macc = {lat: <lintang>, lng: <bujur>};

    var map = google.maps.Map baru(

    document.getElementById('map'), {zoom: 15, center: macc});

    var marker = new google.maps.Market({posisi: macc, peta: peta});

    }

    </skrip>

Langkah 3: Tambahkan skrip Google ke dalam dokumen HTML

  1. Tambahkan kunci API ke skrip async di bawah ini, ganti “YOUR_API_KEY”.
    <skrip asinkron
     src=”https://maps.googleapis.com/maps/api/js?key=<YOUR_API_KEY>&callback=initMap”>
     </skrip>
  2. Tambahkan script ke dalam dokumen HTML untuk menyelesaikan.

Anda perlu menggunakan fungsi initMap(), karena Google memerlukan ini untuk menginisialisasi dan menambahkan tempat pemuatan peta. Di dalam fungsi ini, harus berisi garis lintang dan garis bujur lokasi.

Setelah selesai, Anda memiliki peta responsif yang siap digunakan oleh pelanggan Anda.

Blog yang direkomendasikan: Cara Membuat Corong Pemasaran Konten yang Mengonversi dan Apa itu Copywriting? Cara Meningkatkan Penjualan dengan Digital Copywriting.

Mengapa Menyematkan Google Maps ke situs web Anda?

Mungkin Anda memiliki tujuan tertentu yang ingin Anda tambahkan Google Maps. Jika tidak, berikut adalah beberapa alasan Anda harus menyematkan Google Maps di situs web.

Temukan toko Anda

Semua bisnis lokal harus memprioritaskan menyertakan Google Maps yang disematkan di situs web mereka. Tangkapan layar dari Google Maps sangat membantu, tetapi tidak memberikan tingkat detail yang hampir sama dengan peta tersemat yang beroperasi penuh. Misalnya, pelanggan dapat menggulir untuk melihat seberapa jauh toko Anda dari rumah mereka.

Mampu menemukan toko Anda akan meningkatkan langkah kaki, penjualan, dan keuntungan di dalam toko Anda. Ini adalah cara sederhana untuk menghubungkan keberadaan online Anda dengan bisnis dunia nyata Anda.

Blog yang direkomendasikan: Cara Mendapatkan Lalu Lintas ke Toko Shopify Baru, Ide Strategi Kesadaran Merek untuk Mengembangkan Bisnis Anda, dan 5 Ide Pemasaran Online Efektif untuk Bisnis Kecil.

Tambahkan nilai ke halaman kontak Anda

Mencantumkan alamat adalah satu hal, tetapi pelanggan Anda hanya akan menuju ke Google Maps dan tetap mencari. Kami memiliki aturan dalam pemasaran – meminimalkan langkah-langkah yang perlu diambil pelanggan. Setiap klik atau pencarian ekstra mengarah ke pelanggan yang hilang.

Dengan menambahkan aplikasi Google Maps yang disematkan, Anda dapat menambahkan nilai ke halaman kontak Anda dan menghemat waktu pelanggan Anda. Sangat penting jika bisnis Anda sedikit keluar dari jalan.

Peragakan rute

Beberapa bisnis keluar untuk membantu. Jika Anda menjual sepatu hiking atau sepatu lari, mungkin Anda ingin merekomendasikan jalan-jalan atau lari untuk dicoba pelanggan Anda. (Itu membuat posting blog yang sangat baik.) Tidak ada cara yang lebih baik untuk menampilkan informasi seperti itu selain dengan rute yang disorot di Google Maps.

Blog yang direkomendasikan : Apa itu Pemasaran Digital? Dasar-dasar Digital dalam Pemasaran, Manfaat Google Bisnisku, dan Cara Menemukan Peta Situs untuk Situs Web saya.

Belajar menyematkan Google di situs web itu sederhana

Ini bisa terlihat sedikit menakutkan. Namun, ikuti panduan di atas selangkah demi selangkah, dan Anda akan mendapatkan peta yang disematkan dengan sempurna untuk dihargai oleh pelanggan Anda. Ini berguna dan membantu, dan juga akan meningkatkan bisnis Anda. Sebaiknya Anda mencoba teknik API karena ini akan memberi Anda fungsionalitas yang jauh lebih banyak daripada opsi lain.

Tentu saja, jika Anda benar-benar kesulitan, Anda selalu dapat menghubungi ahlinya untuk membantu. Kami memiliki pengalaman mengonfigurasi situs web dan menyematkan Google Maps. Dan kami dengan senang hati membantu.