Membuat Aplikasi Facebook yang Menjual

butikanefb Awalnya saya mau membuat sebuah situs penjualan ButikAne.com untuk Butik Adik saya, namun saya berpikir bagaimana penjualan tersebut dibuat di Facebook, mengingat begitu besarnya jaringan di Facebook.

Kemudian mulailah saya try and error, searching di internet mencari artikel dan scrip untuk membuat sebuah aplikasi. Awalnya saya membuat aplikasi Gift Love, namun sepertinya kurang menarik karena hanya memberikan hadiah tanpa ada proses penjualan didalamnya. Kemudian saya coba cari-cari lagi akhirnya menemukan scrip Gift yang Komplit dan sudah di modifikasi. Setelah seharian mengotak-atik akhirnya jadi sebuah aplikasi yang saya beri nama Butik Ane.

Saya merasa tatacara pembuatan aplikasi tersebut sangatlah penting untuk dicatat dan publikasikan sehingga semua orang bisa tahu bahwa di facebook kita bisa membuat aplikasi dengan mudah.

Panduan Instalasi ini merupakan sebuah contoh untuk aplikasi memberi hadiah, saya sertakan file scripnya silakan download disini.

Scrip tersebut silakan di modifikasi sesuai dengan kebutuhan.

Untuk menginstal scrip tersebut anda harus mempunyai server yang didukung oleh database.

Mari kita mulai tahap demi tahap: (facebook juga menyediakan tutorial sederhana http://developers.facebook.com/get_started.php)

  1. Buat Sebuah aplikasi di Facebook http://www.facebook.com/developers/ anda cukup mengisi nama dari aplikasi yang anda ingin buat kemudian contreng setuju dan klik oke.
  2. Aplikasi Baru anda akan mendapatkan API key dan Secret key, silakan dicatat untuk di masukkan di file scip kemudian.

Callback Url: silakan isi sesuai dengan root directory dari server anda kalau saya ini dengan http://www-americansingles.us/butikane/ Karena saya menggunakan server dari http://www-americansingles.us/

Canvas Page URL: Ini merupkan link aplikasi anda di facebook kalau saya menggunakan “butikane” sehingga Canvas Page URL saya adalah http://apps.facebook.com/butikane/ Nama link tersebut haruslah lebih dari 7 karakter dan menggunakan huruf kecil.

Contreng ‘Use iframe’: Ini maksudnya bahwa anda akan menggunakan Canvas pages yang menggunakan iframe.

Application Type: tetapkan sebagai ‘website’.
Can your application be added on Facebook?: Contreng ‘Yes’.
Application Description: Silakan Deskripsikan Aplikasi anda disini

3. Akhirnya Klik “Yes” untuk “Can your application be added to Facebook?” kemudian pilih “Users” for “Who can add it?”.

4. Kemudian kita beralih kepada script yang sudah di download tadi :

Sebagai tambahan untuk menambah tab seperti http://apps.facebook.com/butikane/ yang mana terdapat halaman “belanja” perlu sedikit modifikasi:

Buat sebuah file tambahan di dalam folder root anda kalau saya menggunakan “butikane”. Buat sebuah file berbasis php dan kopikan file dibawah ini:

===

<?php

require_once ‘dbinfo.php’;

require_once ‘appinclude.php’;

?>

<table>

<tr>

<td><img src=http://www-americansingles.us/butikane/banner.jpg></td>

<td>

</td>

</tr>

</table>

<fb:tabs>

<fb:tab-item href=’http://apps.facebook.com/butikane/’ title=’Home’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/invite.php’ title=’INVITE FRIENDS!’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/received.php’ title=’Received’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/sent.php’ title=’Sent’ />

<fb:tab-item href=’http://apps.facebook.com/butikane/shop.php’ title=’Belanja’ selected=’true’ />

</fb:tabs>

<div style=”padding: 5px; background: #F1F1F1; “>

<BR>

</td>

<fb:iframe src=’http://www.NAMA_DOMAIN_ANDA.com’ width=’750′ height=’800′ frameborder=’0′ border=’0′ scrolling=’yes’></fb:iframe>

<td valign=top>

</td>

</tr></table><BR>

<CENTER>

</CENTER>

<div style=”clear: both;”/>

</div>

===

Beri nama file tersebut “shop.php” atau apa saja sesuai keinginan anda

Ganti “http://www.NAMA_DOMAIN_ANDA.com” menjadi domain penjualan atau apa saja yang anda inginkan kalau saya membuat http://butikane.com.

Tambahkan line :

<fb:tab-item href=’http://apps.facebook.com/NAMA_APLIKASI_ANDA/shop.php’ title=’Belanja’ />

Pada file Index.php, invite.php, received.php dan send.php sebelum line:

</fb:tabs>

Demikianlah sekilas cara membuat aplikasi di facebook, saya sangat mengharapkan feedback dari pembaca sekalian untuk kesempurnaan artikel ini.


NB: Jika anda suka artikel ini, silakan share ke teman FACEBOOK anda. Cukup dengan meng-KLIK link ini!, Anda juga bisa selalu menerima setiap artikel terbaru dikirim langsung ke email anda. Klik Disini Untuk Mendaftarkan email Anda, Terimakasih.

RSS feed | Trackback URI

17 Comments »

Comment by belajar membuat web (1 comments.)
2009-04-27 12:54:29

wah..terima kasih pak..sangat membantu sekali..

 
Comment by Irwan M Santika (3 comments.)
2009-05-01 07:01:28

Artikel yang sangat bagus, dapat menambah ilmu dan bisa saling berbagi.
Sukses selalu. Semoga bisa menjadi sahabat.

 
Comment by Aris (2 comments.)
2009-05-03 14:16:36

trims ya..artikel nya bagus banget n yang terpenting bisa nambah ilmu…semoga qt smua sukses yach….

 
Comment by Amri MF (1 comments.)
2009-05-15 01:57:00

Pengen juga bikin aplikasi di Facebook, cuma gak tau caranya

Comment by Lukman (35 comments.)
2009-05-15 15:33:14

Saya tidak janji tapi jika anda mengikuti subcrible saya, di http://www.peluang.almugni.com suatu saat saya akan buat ebook panduannya dan saya bagikan khusus untuk yang sudah mengikuti subcrible saya. Saya Berikan Gratis. Saya tawarkan begini karena saya juga baru belajar teknik marketing yang juga jika saya sudah mahir akan saya bagikan secara Gratis!

 
 
Comment by rachmadani (1 comments.)
2009-06-11 14:07:57

terima kasih banyak ya mas, matur nuwon ….
ini sangat membantu saya ….

 
Comment by asmid
2009-07-08 12:47:41

Inilah maklumat yang dicari2. tq…

 
Comment by arDhi^_
2009-12-25 11:34:43

sipp..
thank pak tutornya
keren bgt, tak cobain dulu akh ^_^

 
Comment by Angga from Aplikasi Facebook (1 comments.)
2010-01-14 21:23:19

terimakasih banyak.
apalagi untuk script AppGift-nya.
dimana saya bisa dapat script facebook lainnya?

 
Comment by jhonny (1 comments.)
2010-01-24 00:17:54

thanks infonya, kalau utk jasa pembuatan aplikasi facebook bisa?

 
Comment by apri
2010-01-28 17:40:00

ne gw kasi aplikasi buat kirim2 pesan di FB.!!

ne link download ny: http://www.mediafire.com/?jzjwzzyjmdw

sekedar berbagi, buat seru-seruan……

 
Comment by sweshvx (1 comments.)
2010-01-28 23:27:30

s8G3sc trcgzepenqwp, [url=http://lwypyabcjzbn.com/]lwypyabcjzbn[/url], [link=http://zokjaqjpnnsu.com/]zokjaqjpnnsu[/link], http://qdpmyehquasj.com/

 
Comment by pmreload (1 comments.)
2010-01-29 02:17:50

artikel membangun! keep berbagi!

 
Comment by krist (1 comments.)
2010-02-02 21:43:15

Mantaf Mas, saya copas ya, tentu sourcenya saya tambahkan. Thank’s

 
Comment by johan
2010-02-06 12:26:13

mas saya ada pertanyaan. sebelum nya saya mau bilang info ini sangat menarik.
saya mau nanya , bagaimana cara nya membuat aplikasi tanpa harus di klik Allow nya sudah terbuka. http://apps.facebook.com/butikane/ << ini harus klik allow baru bisa terbuka .. gimana cara nya kita buat applikasi dan memberi link kepada spt ini : http://apps.facebook.com/butikane/ .. tp langsung terbuka website kita di dalam facebook , tanpa di klik allow nya sudah terbuka.
mohon saran.. terima kasih

Comment by Lukman (35 comments.)
2010-02-17 11:09:09

Itu memang sudah aturan dari facebook, semua applikasi di facebook membutuhkan persetujuan pengguna untuk membuka aplikasi yang dia buka, proses itu hanya untuk pertama kali saja. untuk berikutnya proses tersebut bisa langsung terbuka tanpa persetujuan.

 
 
Comment by Tutorial, Tips, Trik, Info. (2 comments.)
2010-02-20 15:20:50

Terimakasih Banyak BOS ^_^ MANTAB!!!!

 
Masukkan Nama anda dan Keyword dengan format "NamaAnda@KeywordAnda" (required)
E-mail (required - never shown publicly)
URI
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

We use Thank Me Later.

Trackback responses to this post