Lewati ke konten utama

WP Location Finder: Konfigurasi API Peta

1. Bagaimana cara membuat API peta?

1.1 Dapatkan kunci API Google Maps dan Layanan API

Setiap kali Anda menggunakan API Google Maps, jika domain Anda dibuat setelah 22 Juni 2016, Anda harus menyertakan kunci untuk memvalidasi permintaan Anda.
Dapatkan kunci dan aktifkan API: https://developers.google.com/maps/documentation/javascript/get-api-key

Informasi selengkapnya: https://developers.google.com/maps/documentation/javascript/usage?hl=en

Pertama, Anda harus membuka konsol Google Cloud , pilih proyek, atau buat yang baru. Kemudian klik "+ Buat kredensial" , pilih opsi "Kunci API"

 

buat-api-key

 

Kemudian ikuti langkah selanjutnya dan klik Buat untuk mendapatkan kunci API baru. Simpan kunci tersebut untuk langkah selanjutnya.

 

kunci api dibuat

 

Selain itu, beberapa layanan API yang dibutuhkan perlu diaktifkan. Di Google Console, buka API & Layanan dan temukan layanan tersebut seperti yang ditunjukkan di bawah ini:

  • API JavaScript Peta
  • API Geocoding
  • API Geolokasi
  • API Tempat
  • API Petunjuk Arah

 

aktifkan layanan-api

 

1.2 Bagaimana cara membuat ID Google Maps?

Untuk membuat ID peta, silakan buka Manajemen peta . Klik Buat ID peta .

 

buat-id-peta-baru

 

Kemudian pada halaman Buat ID peta baru, lakukan hal berikut:

  • Nama: masukkan nama ID peta.
  • Deskripsi: jelaskan kegunaan ID peta (Opsional)
  • Jenis peta: pilih JavaScript, dan juga pilih jenis peta Raster (default) atau Vektor.

 

bidang-id-peta-baru

 

Ingat untuk mengklik Simpan untuk menampilkan ID peta baru Anda. Harap simpan ID tersebut untuk pengaturan.

 

ID peta dibuat

 

Catatan: ID peta adalah pengidentifikasi unik yang mewakili pengaturan gaya dan konfigurasi Google Map yang tersimpan di Google Cloud. Gunakan ID peta "DEMO_MAP_ID" untuk tujuan pengujian jika Anda tidak memiliki ID peta.

 

1.3 Bagaimana cara membuat token OpenStreetMap?

Mulailah dengan mengunjungi tautan ini untuk mendaftar akun baru atau masuk ke akun Anda yang sudah ada. Langkah ini penting sebelum Anda dapat membuat token akses apa pun.

Setelah berhasil masuk, cari "Token Akses" di pengaturan pengguna atau menu akun Anda dan pilih. Di area Token Akses, temukan dan pilih "Buat Token Akses" untuk memulai proses pembuatan token. Semua kolom pembuatan token akan terlihat langsung di halaman Token Akses. Untuk membuat token Anda:

  • Masukkan nama deskriptif di "Label" untuk membantu Anda mengidentifikasi token ini nanti.
  • Biarkan dua kolom tambahan di bawah ini kosong (pengaturan default sudah cukup untuk sebagian besar pengguna)
  • Klik "Buat" untuk menghasilkan token akses baru Anda.

 

token akses

 

Token akses baru Anda akan ditampilkan setelah dibuat. Pastikan untuk menyalin token ini dan menyimpannya dengan aman, karena Anda akan menggunakannya pada langkah-langkah konfigurasi selanjutnya.

 

token yang dihasilkan

 

2. Bagian pengaturan utama

Penyedia peta

Buka Menu Pencari Lokasi > Pengaturan > Pengaturan utama untuk mengkonfigurasi preferensi penyedia peta Anda. Anda akan menemukan dua opsi penyedia peta yang tersedia: Google dan OpenStreetMap .

Jika Anda memilih Google Maps sebagai penyedia peta, Anda perlu mengkonfigurasi kolom-kolom wajib berikut dengan kredensial dari langkah-langkah pengaturan sebelumnya:

  • Kunci API Google Maps: Kunci API Google Maps wajib diisi. Silakan kembali ke Langkah 1.1 jika Anda tidak tahu cara membuat kunci API baru.
  • ID Peta: ID peta adalah pengidentifikasi unik yang mewakili pengaturan gaya dan konfigurasi Google Map yang tersimpan di Google Cloud.
    Memiliki ID peta bersifat wajib; Anda dapat menggunakan ID default (DEMO_MAP_ID) jika tidak membutuhkannya.
  • Zoom default peta: Tingkat zoom default pada peta saat pertama kali dimuat (atur zoom otomatis ke 0)
  • Jenis peta: Peta jalan, Satelit, Hibrida, Medan.
  • Lapisan peta: KML, Lalu Lintas, Angkutan Umum, Bersepeda.

 

pengaturan pengisian

 

Jika Anda memilih OpenStreetMap sebagai penyedia Anda, Anda perlu memasukkan token akses yang Anda peroleh pada Langkah 1.3 :

  • Token akses geocoding: Token Akses LocationIQ diperlukan untuk fungsi pelengkapan otomatis alamat.
  • Zoom default peta: Tingkat zoom default pada peta saat pertama kali dimuat (atur zoom otomatis ke 0)
  • Jenis peta: Default, OpenStreetMap HOT, Carto Light, Carto Dark,...
  • Lapisan Ubin Kustom: Masukkan lapisan kustom Anda.

 

Penyedia OpenStreetMap

 

Setelah mengkonfigurasi pengaturan penyedia peta Anda, Anda akan menemukan beberapa fitur kustomisasi yang berfungsi dengan Google Maps dan OpenStreetMap untuk meningkatkan fungsionalitas peta dan pengalaman pengguna:

  • Pencarian nama lokasi
  • Tampilkan filter kategori
  • Tampilkan filter negara
  • Filter radius tampilan
  • Satuan jarak: km/mi
  • Jarak untuk pencarian radius: Jarak pada alat pencarian radius
  • Filter tag tampilan
  • Buka detail lokasi di tab baru

 

pengaturan-detail-peta

 

Tampilan peta

Lokasi yang telah Anda buat akan ditampilkan di peta pada Pengaturan .

 

pengaturan tampilan peta

     

    Gambar berwarna dan bertanda

    Anda dapat menyesuaikan warna dan gambar penanda default di sini.

     

    pengaturan penanda warna lokasi

    Lokasi tunggal

    • Tambahkan kolom toko: Tambahkan beberapa kolom spesifik untuk setiap lokasi seperti nama toko dan jam buka toko.

     

    3. Pengaturan AI

    Untuk menggunakan fitur ini, buka Pengaturan Plugin > Pengaturan AI > tab Harga untuk mendapatkan kredit. Klik Dapatkan Kredit AI Sekarang dan selesaikan proses pembelian.

     

    dapatkan-kredit-ai

     

    Setelah mendapatkan kredit, kembali ke Pengaturan AI > tab Pengaturan > bagian Batasan panjang konten untuk mengkonfigurasi opsi berikut:

    • Panjang judul AI: Tetapkan jumlah kata maksimum untuk judul yang dihasilkan.
    • Panjang deskripsi AI: Tetapkan jumlah kata maksimum untuk deskripsi yang dihasilkan.

     

    rencana pengaturan AI

     

    Di pengaturan global AI , Anda dapat menyesuaikan bahasa untuk konten yang dihasilkan AI. Aktifkan opsi Kuota AI di bilah atas untuk menampilkan sisa kredit Anda di bilah atas WordPress.

     

    kredit di bilah atas

     

    Setelah konfigurasi selesai, Anda dapat mengakses fitur Optimasi AI dari Semua Lokasi atau dari tampilan lokasi individual. Klik Optimasi AI di bagian atas halaman, lalu pilih Hasilkan di jendela pop-up untuk secara otomatis membuat atau mengisi data SEO.

     

    tombol optimasi AI

     

    4. Lokasi Impor/Ekspor

    Impor lokasi

    Untuk memulai mengimpor lokasi Anda, buka Menu Pencari Lokasi > Pengaturan > bagian Impor. Pilih CSV atau KML dari kolom yang sesuai berdasarkan format data yang ada.

     

    lokasi impor

     

    Butuh templat? Cukup klik Unduh file CSV sampel untuk mendapatkan file sampel kami dan melihat format yang benar. Anda juga dapat mencentang "Perbarui lokasi yang ada jika cocok, atau tambahkan lokasi baru yang belum ada" jika Anda ingin memperbarui data Anda saat ini sambil menambahkan entri baru.

    Ekspor lokasi

    Saat Anda siap mengekspor lokasi yang sudah ada, navigasikan ke Ekspor . Dari sana, cukup klik "Ekspor ke CSV" atau "Ekspor ke KML" tergantung format yang Anda butuhkan.

     

    lokasi ekspor

     

    Sinkronisasi

    Untuk mengatur sinkronisasi CSV otomatis, buka Pengaturan, lalu Impor/Ekspor > tab Sinkronisasi, untuk memilih file CSV Anda dari Perpustakaan Media. Aktifkan "Aktifkan sinkronisasi otomatis" dan tentukan frekuensi pembaruan yang Anda inginkan di "Interval sinkronisasi (menit)" .

    Sistem akan secara otomatis mengimpor data pada interval yang Anda pilih, memperbarui lokasi yang ada ketika ditemukan kecocokan dan membuat entri baru untuk data tambahan.

     

    lokasi sinkronisasi

     

    5. Kontrol akses

    Untuk mengelola izin lokasi (membuat, mengedit, menghapus, mempublikasikan) untuk setiap peran pengguna, buka Pengaturan > Kontrol Akses .

     

    kontrol akses

     

    WP Location Finder: Instalasi

    1. Instal

    Untuk menginstal plugin kami, Anda harus menggunakan penginstal WordPress standar atau mengekstrak file dan meletakkan semua folder di /wp-content/plugin.

     

    plugin unggah

     

    Kemudian klik aktifkan plugin , untuk melihat WP Location Finder muncul di menu sebelah kiri WordPress.

    WP Location Finder dapat diakses dari menu khusus di sebelah kiri. 

    Mulai sekarang, pastikan Anda masuk ke akun JoomUnited Anda sebelum menggunakan plugin ini.

     

    lisensi login gabungan

     

    2. Perbarui plugin

     

    Untuk memperbarui WP Location Finder , Anda dapat menggunakan pembaruan bawaan WordPress. Anda juga dapat menghapus dan menginstal versi baru dari file .zip yang diunduh di www.joomunited.com. Dalam kedua kasus tersebut, Anda tidak akan kehilangan konten apa pun karena semuanya tersimpan di dalam basis data.

     

    instal pencari lokasi wp

     

    Pastikan Anda selalu menggunakan versi terbaru untuk menghindari masalah keamanan dan stabilitas.

    Untuk memperbarui versi berbayar, Anda perlu masuk ke akun JoomUnited Anda. Jika Anda belum masuk, cukup klik tautan 'Hubungkan akun JoomUnited Anda untuk memperbarui' atau 'Masuk ke JoomUnited'

     

    wp-location-finder-update

     

    Masukkan nama pengguna dan kata sandi akun JoomUnited Anda. Setelah berhasil masuk, 'perbarui sekarang' akan muncul dan Anda dapat mengkliknya untuk memperbarui ke versi baru.

     

    wp-location-finder-update

     

    Terakhir, Anda dapat memperbarui semua plugin komersial JoomUnited dari pembaruan standar WordPress.

     

    wp-location-finder-updated

     

    WP Location Finder: Pencarian dan Pengaturan Lokasi

    1. Buat lokasi

    Untuk membuat lokasi baru, navigasikan ke Pencari Lokasi > Semua Lokasi. Klik tombol " Tambahkan lokasi baru" .

     

    tambahkan lokasi baru

     

    Setelah itu, halaman Tambah Lokasi Baru akan muncul, dengan 2 panel utama, sebelah kiri adalah kolom detail dan sebelah kanan adalah peta. Di bawahnya terdapat kolom yang dapat Anda isi atau pilih nilainya.

     

    • Nama lokasi: masukkan nama alamat.
    • URL: akan dibuat setelah dipublikasikan.
    • Deskripsi lokasi: 
    • Pencarian lokasi: Silakan ketik alamat di kolom pencarian untuk mendapatkan nilai lintang dan bujur.

     

    tambahkan-kolom-lokasi-baru

     

    Alternatifnya, gunakan bagian input alamat manual di bawah peta - klik panah untuk memperluas semua kolom.

     

    input manual alamat

     

    Gulir ke bawah untuk mendapatkan opsi lokasi yang lebih detail.

    • Gambar unggulan: pilih gambar yang mewakili lokasi tersebut.
    • Galeri gambar: unggah gambar untuk lokasi tersebut.
    • Gambar penanda: pilih di Set ikon atau unggah ikon Anda sendiri.

     

    lokasi ikon gambar

     

    • URL kontak lokasi
    • URL pengganti lokasi
    • Tag: tag lokasi input.
    • Judul SEO Lokasi
    • Deskripsi meta SEO lokasi

     

    detail lokasi

     

    Kemudian, Anda dapat memilih satu atau beberapa kategori untuk lokasi tersebut.

     

    pilih-lokasi-kategori

     

    Selanjutnya, di bagian Publikasikan, Anda dapat mengatur kolom-kolom berikut:

    • Status: pilih satu dari 3 status: Draf, Menunggu tinjauan, Diterbitkan
    • Visibilitas: Publik, Dilindungi kata sandi, Pribadi
    • Waktu penerbitan: Segera, Penerbitan terjadwal
    • Kode pendek: gunakan untuk mempublikasikan di mana saja di situs Anda.

     

    bagian publikasi lokasi

     

    Bidang toko

    Untuk menggunakan fitur ini guna menampilkan jam buka bagi pelanggan, Anda perlu mengaktifkan opsi tersebut terlebih dahulu di pengaturan. Setelah itu, Anda akan dapat melihat Kolom Toko saat membuat lokasi baru.

     

    bidang toko lokasi tunggal

     

    Pratinjau lokasi

    Untuk melihat pratinjau lokasi Anda di halaman depan, cukup buka Publikasikan dan klik tombol " Pratinjau" .

     

    pratinjau lokasi

     

    2. Generator kode pendek

    Untuk membuat shortcode peta, navigasikan ke Menu Pencari Lokasi > Pembuat Shortcode. Anda dapat mengatur beberapa opsi di bawah ini dari Jenis tampilan :

    • Pencarian lokasi: [wplf type_of_view="location_search" default_address="Paris, Prancis" categories="16" tags="27" map_zoom="Otomatis"]
    • Hanya tampilan peta: [wplf type_of_view="map_view" default_address="Paris, France" categories="16" tags="27" map_zoom="Auto"]
    • Lokasi tunggal: [wplf id="578" map_zoom="Auto"]
    • Formulir pengajuan frontend: [wplf_submission]
    • Lokasi saya (frontend): [wplf_my_locations items_per_page="8"]

     

    generator kode pendek pencarian lokasi

     

    Berdasarkan tipe tampilan yang Anda pilih, pratinjau akan ditampilkan yang menunjukkan bagaimana tampilannya di bagian depan situs. Kode pendek yang dihasilkan akan muncul di pojok kiri bawah, yang dapat Anda salin dan sisipkan di mana saja di halaman Anda.

     

    3. Kategori lokasi

    Untuk mengelola kategori lokasi, silakan navigasi ke Menu Pencari Lokasi > Kategori Lokasi.  Dari bagian ini, Anda dapat dengan mudah mengelola kategori lokasi Anda - menambah, mengedit, atau menghapusnya sesuai kebutuhan!

     

    tambahkan-kategori-lokasi

     

    4. Tag lokasi

    Untuk mengelola tag lokasi, silakan navigasi ke Menu Pencari Lokasi > Tag Lokasi. Dari bagian ini, Anda dapat dengan mudah mengelola tag lokasi Anda - menambah, mengedit, atau menghapusnya sesuai kebutuhan!

     

    tambahkan tag lokasi