Blog > Tutorial > Manual Integrasi Twitter dengan API

Manual Integrasi Twitter dengan API

  • Posted by
  • Posted in Tutorial
  • Komentar Dinonaktifkan pada Manual Integrasi Twitter dengan API Komentar

Hai Kanca Jejualan, ada yang lagi nunggu manual integrasi twitter nggak nih? Nah buat kanca jejualan yang nunggu manualnya,

yuk simak panduan dibawah ini

Sebelum integrasi twitter dengan website, silahkan login ke 

  1. Website Jejualan mu 
  2. Akun twittermu ( Catattan : Pastikan profile twittermu lengkap. Termasuk nomor kontak)

Klik “konfigurasi”=> “umum” => kemudian klik “apps.twitter.com”

Jika sudah klik “apps.twitter.com”, maka akan muncul halaman seperti berikut ini, kemudian klik “create an app”

Selanjutnya Anda akan diarahkan ke halaman seperti berikut ini, kemudian klik “Apply”

Jika sudah akan muncul halaman “Developer Portal” . Silakan pilih “Profesional”

Jika sudah, silakan klik lanjutkan kemudian pilih “Building consumer products”

Selanjutnya Anda akan diarahkan ke halaman form. Silakan isikan seperti contoh berikut ini 

Jika sudah klik “Next” akan muncul halaman seperti berikut ini

Jika sudah klik Next, silahkan isi form, yang tersedia. 

Isi form deskripsi menggunakan konten  berikut ini  

“We will use this app to connect our website with twitter so that if we post a product that i sell, the link from

product details will also be available in the twitter feed, and get information from related accounts

that are used to connect with Twitter such as names and profile photos”

Untuk form yang lain silahkan pilih saja “No”, selanjutnya klik “Next”

Selanjutnya Anda akan diarahkan ke halaman “Development Agreement” 

Silakan Anda baca dan scroll kebawah sampai selesai. 

Kemudian silahkan ceklis bagian yang diberi kotak merah, selanjutnya klik “submit Application”

Kemudian Anda akan diarahkan ke halaman seperti berikut ini

Jika sudah mendapatkan halaman seperti diatas, silakan cek email Anda 

Kemudian klik “Confirm your email”

Jika sudah, Anda confirm email, Anda maka akan menerima email dari twitter seperti berikut ini.

Twitter akan kembali mengirimkan email kepada Anda mengenai detail request Anda, seperti berikut ini

Selanjutnya Anda harus membalas email tersebut terlebih dahulu dan Twitter akan mereview apakah request Anda dapat dipenuhi atau tidak. 

KemudianAnda diminta untuk melengkapi data oleh twitter sebagai berikut email yang Akan Anda terima 

Silahkan anda menunggu email dari pihak twitter dalam waktu 1-2 hari, dan bila sudah mendapat email yang berisikan seperti ini 

Kemudian silahkan anda untuk membalas dengan mereply email twitter dengan isian seperti berikut (dapat Anda copas saja)

 

We will use this app to connect our website with twitter so that if we post a product that i sell, the link from product details will also be available in the twitter feed, and get information from related accounts

that are used to connect with Twitter such as names and profile photos for the flow of use more or less like this.

We log in with the auth basis on Twitter, https://api.twitter.com/oauth/authenticate?oauth_token=xxxxx, after logging in and connected to Twitter, we add products to our store and when we store our product data on the admin page, We automatically send our product detail url (share link) which is on the public page to the Twitter feed page of the Twitter account that is linked to our store. in more detail

 

We signed up to developer.twitter.com to get the API Key and API Secret, we logged in on a twiter auth basis to get the auth code and then we saved it. before we send data we make sure that the twitter account id that has been connected to our store, we make sure to get authentication with a response code “200”

then we send the data to twitter in the form of product detail url and url of the product image. We send POST to https://upload.twitter.com/1.1/media/upload.json image file, if successful and get a response code “200” and get “media id” then we update the status to twitter url 1.1 / statuses / update in the form of “media id” and product detail url

 

source : 

http://github.com/j7mbo/twitter-api-php

http://oauth.net

 

Kemudian silahkan anda menunggu untuk balasan dari pihak twitter yang nantinya berisi informasi approval permohonan anda. Dan bila sudah mendapatkan email approval seperti di bawah ini silahkan anda klik link Developer account di dalam email tersebut.

 

Setelah Anda menerima informasi “Approval” dari twitter silakan klik “developer account” Anda Akan diarahkan ke halaman seperti berikut ini 

Silakan copy dan simpan  API KEY & API SECRET KEY anda

 

Selanjutnya klik “ Test an endpoint”

Apabila telah selesai silakan login ke Admin panel website Anda kemudian ikuti manual berikut 

  • Klik Konfigurasi => Umum
  • Klik “Set Api Key” 
  • Masukkan 
  • Consumer Key (Api key) 
  • Consumer Secret (Ai key)
  • Klik simpan

  • Pada App Permissions edit menjadi Read & Write Permission
  • Pada Authentication settings edit Enable 3-legged OAuth => Centang

Setelah itu akan muncul tampilan seperti berikut pastikan dalam keadaan sudah “Aktif”

     Misalnya: https://yasminegift.jejualan.com/auth/twitter

     NB : Pastikan https ya!

  • Organization name ( tidak wajib )
  • Organization URL ( tidak wajib )
  • Terms of service : https://jejualan.com/tos
  • Privacy policy : https://jejualan.com/privacypolicy

Silakan isi seperti contoh berikut ini 

  • Silakan kembali ke dashboard

https://developer.twitter.com/en/portal/dashboard

  • cari nama app ( App Merchant Jejualan ) yang tadi di buat klik icon kunci
  • Consumer Keys :
  • Jika sebelumnya API key & secret belum di copy atau belum di simpan atau lupa, bisa di generate ulang
  • Authentication Tokens : Access token & secret -> Generate

Apabila sudah muncul seperti berikut ini maka silahkan klik “Generate”

Step pada twitter selesai. 

 

Silakan buka admin panel jejualan Anda kemudian klik konfigurasi umum 

Apabila Anda telah memasukan Api key Anda silakan klik “Connect” 

Website telah connect dengan twitter Anda 

Note: Pastikan akun anda terbuka di browser yang sama.

Apabila Anda telah add produk pada website akan muncul pada beranda twitter seperti berikut ini 

Jika link tersebut di klik oleh konsumen atau followers Anda di twitter maka akan di redirect ke halaman toko online Anda 

Selaman mencoba… Jika ada kendala, silahkan menghubungi kami di nomor whatsapp  0815 78 200 200, atau silahkan hubungi kami via livechat di website Jejualan.com