Update template blogspot toko online BStore v.2.7.0 kemarin baru saja saya luncurkan dengan memberikan tambahan widget feed instagram menggunakan API.
Dengan adanya feed instagram ini maka Anda bisa melakukan penjualan produk lewat toko online dan instagram.
Lebih dari itu mungkin ada beberapa sebagian yang kurang paham dengan fungsi API instagram ini.
Maka dari itu saya coba menjelaskan secara singkat beserta cara pemakaiannya ke sebuah website yang kita buat menggunakan template BStore versi terbaru ini.
Dasar Pengertian API
API adalah singkatan dari kata Application Programming Interface adalah sebuah peran penting agar bisa kita gunakan untuk terhubung dari berbagai macam model platform.
Pada dasarnya API ini sering digunakan oleh beberapa aplikasi untuk memberikan kemudahan dalam pengambilan data, terutama untuk para Developer atau pengembang website.
Untuk bagian API agar bisa terhubung cukup dilakukan oleh Developer saja, jadi kamu disini cukup memahami fungsinya saja untuk kepentingan pengambilan data dari berbagai macam platform.
Jenis Contoh API
- API Instagram
- API Facebook
- API Google Maps
- API Ongkir
Keuntungan Menggunakan API
Kamu mungkin bertanya-tanya apa sih keuntungan dari kita jika memakai API ini untuk kepentingan website maupun aplikasi.
Memudahkan Pekerjaan Bagi Pengembang
Bagi saya sendiri API ini sangat membantu dalam segi hal untuk pengambilan data secara singkat dan mudah.
Menurut saya untuk mengambil beberapa data dari sebuah platrom terasa lebih mudah karena akan tersedia secara otomatis tanpa dilakukan dengan manual.
Informasi lebih lanjut bisa kamu baca dihalaman Wikipedia tentang API (Antarmuka pengembang aplikasi)
Cara Mendapatkan kode API Instagram
Sudah memahami fungsi dari API langkah berikutnya adalah cara mendapatkan API sesuai jenis.
Sebagai contoh tulisan ini akan mengacu kepada API Instagram agar bisa kita dapatkan dan digunakan kesebuah website.
Syarat akun yang harus terpenuhi
- Akun facebook developer
- Akun Instagram bukan private yang sudah memiliki postingan dengan beberapa media contohnya foto & video
- Situs web yang bisa diakses atau URL blog Anda dari blogspot biar mudah.
Membuat Aplikasi Facebook
Langkah disini tidak diperlukan pengertian perkodean, yang perlu dilakukan cukup mengisi daftar data formulir saja.
- Silahkan kamu buka dulu link URL https://developers.facebook.com/
- Setelah itu silahkan klik Aplikasi Saya.
- Klik tombol Buat Aplikasi > Apa yang perlu dilakukan aplikasi Anda? > Pilih Buat Pengalaman Terhubung atau Hal Lain/Untuk Lainnya > Klik Lanjutkan.
- Lalu dimenu aplikasi pilih tulisan Dashbor Aplikasi > Pengaturan > Dasar
- Gulir halaman yang muncul sampai ke bagian bawah dan klik tulisan Tambahkan Platform.
- Pilih tulisan Situs Web > tambahkan URL Blog / situs kamu, Klik Simpan Perubahan.
Mengatur Tampilan Instagram
Masih pada menu yang sama di dasbor aplikasi.
- Klik tulisan Produk > Tambahkan Produk ke Aplikasi Anda > Tampilan Dasar Instagram > Siapkan
- Pilih tulisan Produk > Tampilan Dasar Instagram > Tampilan Dasar > Gulir halaman sampai kebawah dan klik tulisan Create New App
- Lalu isi kolom Nama Tampilan sesuai nama aplikasi facebook yang baru Anda buat tadi.
- dikolom Pengaturan OAuth Klien isi dengan URL Situs website Anda.
- Cabut Otorisasi URL Callback > Isi dengan URL Situs Anda.
- URL Permintaan Penghapusan Data > Isi lagi dengan URL milik Anda
- Lalu klik tulisan Simpan Perubahan untuk menyimpan data hasil yang di isi tadi semuanya.
Menambahkan Pengguna Instagram
Pada menu dasbor aplikasi silahkan Anda klik tulisan.
- Peran > Peran gulir halaman sampai kebawah sampai kebagian Penguji Instagram.
- Klik tulisan Tambahkan Penguji Instagram lalu dikolom pencarian masukan nama pengguna instagram milik Anda, sebagai contoh seperti @rian_seo
- Buka tab browser baru URL https://instagram.com dengan memasukan akun instagram milik Anda.
- Klik icon Profil > Pengaturan >Aplikasi dan Situs Web > UNDANGAN PENGUJI dan klik terima undangan.
Mendapatkan Kode Token Instagram
Masih dimenu dashbor aplikasi Facebook.
- Buka Tampilan Dasar Instagram > Tampilan Dasar > Gulir halaman sampai kebawah bagian User Token Generator.
- Akan ada muncul profil pengguna instagram yang baru Anda tambahkan tadi, klik tombol tulisan Generate Token.
- Maka akan muncul tab halaman baru yang terbuka secara otomatis dan mengarah ke akun Instagram Anda.
- Klik saja tulisan yang muncul dengan memberikan izin kepada aplikasi.
- Otomatis kode token instagram akan muncul lalu beri tanda ceklis dibagian I Understant.
- Klik tulisan Copy untuk menyalin kode token Instagram yang disediakan.
Memasang Kode Token Instagram
Kode token instagram yang Anda salin tadi bisa dipasang atau diletakan ke template toko online yang saya buat, dengan cara membuka
- Blogger > Tata Letak > Widget Follow Instagram > Edit
- Pada kolom Konten > Hapus kode token instagram yang ada dan ganti dengan kode token instagram milik Anda tadi.
- Lalu klik tombol Simpan.
Untuk melihat hasilnya silahkan Anda buka blog toko online yang dibuat.
Cara ini hanya berlaku pada template toko online yang saya buat untuk jenis template blogger lainnnya masih belum bisa.
Penutup
Sampai disini saya rasa sudah cukup jelas untuk panduan tentang cara mendapatkan dan menggunakan token instagram untuk menampilkan gambar instagram ke sebuah blog atau website.
Apabila ada yang kurang dipahami dengan tulisan yang saya buatkan diatas silahkan untuk memberikan pertanyaannya dengan cara berkomentar diblog ini.
