Cara menyematkan astore amazon ke halaman facebook secara gratis

Sebuah aStore di Facebook?

Anda telah memutuskan bahwa pemasaran afiliasi cocok untuk Anda. Anda telah membangun Amazon aStore. Anda telah menghabiskan waktu Anda, dengan rajin memilah-milah produk untuk ditambahkan ke dalamnya…

Memanfaatkan kekuatan media sosial, Anda bahkan memiliki halaman Facebook yang didedikasikan untuk upaya pemasaran afiliasi Anda… Anda membuat foto sampul garis waktu untuk mengekspresikan halaman dengan jelas secara visual… Anda memposting pembaruan status ke halaman Facebook tersebut dengan tautan ke produk tertentu di aStore Anda…

Tapi bukankah akan luar biasa jika Anda bisa memamerkan seluruh aStore tepat di halaman Facebook itu? Yah… kamu bisa!

Tab khusus cukup mudah dikelola. Anda bahkan dapat menyesuaikan gambar dan teks judul yang ditampilkan di tab itu sendiri.

Sebuah contoh

Lihat halaman Facebook Communist Closet, misalnya. Perhatikan tab berjudul "Toko Soviet?"

Soviet Shop adalah Amazon aStore yang disematkan langsung ke halaman Facebook dengan sedikit HTML dan aplikasi "legal Facebook". Tidak, kami tidak meretas apa pun… hanya menggunakan sumber daya.

Yang Anda Butuhkan

Akses admin ke halaman Facebook (jika Anda membuatnya, Anda sudah memiliki akses admin)
Aplikasi tab khusus gratis (Saya suka menggunakan HTML Statis: tab iframe)
Amazon aStore dan tautan terkaitnya

Bantulah diri Anda sendiri… buka Facebook dan Amazon Associate Central di tab browser terpisah (atau bahkan browser terpisah, jika Anda mau). Dengan begitu, Anda dapat bolak-balik di antara keduanya jika diperlukan.

Menambahkan Aplikasi

Arahkan ke aplikasi dalam Facebook (dengan tautan di atas) dan klik tombol "instal" untuk menambahkan aplikasi ke halaman Anda. Pada layar berikutnya, aplikasi akan meminta Anda untuk mengkonfirmasi tujuan instalasi (halaman di mana Anda akan menginstal aplikasi) jika Anda mengelola lebih dari satu halaman Facebook.

Pilih halaman tujuan yang tepat dan klik tombol "install" untuk konfirmasi. Ya, sesederhana itu.

Edit Konten Tab

Setelah penginstalan aplikasi selesai, kembali ke halaman Anda. Anda akan menemukan tab baru berjudul "Selamat Datang!" di layar Anda. Klik dan mari lakukan keajaiban!

Jangan khawatir tentang judul dan gambar tab dulu, kita akan segera membahasnya.

Mengeklik tab Selamat Datang baru Anda akan membawa Anda ke layar pengeditan ini. Di sini, Anda akan dapat:

Host "kode" Anda di bagian index.html
Atur kode lebih lanjut di bagian style.css dan script.js (untuk pengguna yang lebih mahir)
Ubah pengaturan tab
Buat Fan-Gate (kami akan melakukannya di Hub lain)

Secara default, Anda akan diarahkan ke bagian index.html dari aplikasi (di sinilah kita akan melakukan semua pekerjaan kita). Hapus teks yang ada di bagian itu.

Dapatkan Kode aStore Anda

Di Pusat Asosiasi Amazon:

Gunakan menu drop-down di kiri atas layar untuk memilih ID pelacakan yang tepat dari aStore Anda. (Ini hanya diperlukan jika Anda memiliki beberapa aStore dalam akun yang sama… jika Anda hanya memiliki satu aStore, jangan khawatir tentang langkah ini.)
Klik "Dapatkan Tautan" di menu sebelah kiri.
Halaman tersebut akan menampilkan layar baru berjudul "Toko Anda telah diterbitkan!" Tepat di bawah pengumuman, Anda akan melihat beberapa versi tautan aStore Anda.
Pilih opsi "Sematkan toko saya menggunakan bingkai sebaris". Kami akan sedikit memodifikasi kode ini untuk mengoptimalkannya untuk integrasi Facebook.
Salin semua kode di kotak teks dan tempelkan ke aplikasi (bagian index.html) di Facebook.

Kode yang akan kita kerjakan seharusnya seperti ini:

URL aman

Saat pertama kali menempelkan kode tautan Anda ke aplikasi, Anda akan melihat pesan peringatan tentang URL aStore Anda yang tidak aman. Tidak, tautan tidak akan menanyakan Anda apakah kode sumbernya membuatnya terlihat gemuk. Namun, beberapa browser mungkin tidak menampilkan aStore Anda dengan benar karena mereka tidak "mengira" bahwa toko tersebut dihosting di server yang aman. Ini sangat penting di sini karena, bagaimanapun, kami tidak ingin membuat calon pelanggan Anda paranoid saat berbelanja.

Jadi, hal pertama yang pertama… Ubah http: // dalam kode Anda menjadi http s: //

Sesuaikan Dimensi Tampilan

Sekarang, kami akan mengubah dimensi aStore yang ditampilkan di halaman Facebook.

Perhatikan bahwa lebarnya disetel ke 90%? Nah, itu 90% dari apa yang dihitung browser sebagai ukuran halaman saat ini. Ini benar-benar tidak akurat… Kami akan menentukan lebarnya sebagai 815 piksel agar sesuai dengan aplikasi iframe.

Ubah lebar = "90%" menjadi lebar = "815px"

Saya juga merekomendasikan memperpendek tinggi (secara signifikan) menjadi 1000 atau bahkan 1200 piksel. Ini akan membuat konten Anda sedikit lebih berisi…

Ubah tinggi = "4000" menjadi tinggi = "1200px"

Izinkan Pengguliran

AStore Anda bisa menjadi cukup panjang (bahkan lebih panjang dari 4000 piksel asli yang ditentukan). Ini biasanya terjadi jika deskripsi produk panjang dan ada beberapa ulasan produk yang diposting juga. Secara default, pengguliran dinonaktifkan… dan itu akan memotong konten melebihi ketinggian yang ditentukan. Karena kami tidak ingin membatasi aStore Anda, kami akan mengaktifkan pengguliran.

Change scrolling = "no" to scrolling = "yes"

Kode Anda yang sudah selesai sekarang akan terlihat seperti ini:

Jangan lupa untuk menekan tombol "Simpan & Publikasikan" di sudut kanan atas. Anda juga dapat melihat pratinjau pekerjaan Anda kapan saja dengan tombol "Pratinjau" di sebelahnya…

Pilih-pilih, Pilih-pilih…

Oke, saya bingung… Kami memiliki kode iframe dalam aplikasi iframe. Ya, itu mubazir. Ya, itu harus diperbaiki. Tapi, untuk kemudahan penggunaan dalam panduan level pemula ini, saya akan membiarkannya apa adanya. Jangan menilai saya.

Tombol Kustomisasi

Sekarang setelah integrasi aStore Anda selesai, Anda pasti menginginkan ucapan "Selamat Datang!" di halaman depan agar terlihat sedikit lebih bermakna, bukan?

Kembali ke "ujung depan" halaman Facebook Anda.
Klik tombol kecil (dengan segitiga menunjuk ke bawah) di sebelah kanan langsung dari semua tab halaman.
Saat laman meluas, arahkan mouse Anda ke pesan "Selamat Datang!" Yang baru. tab.
Anda akan melihat ikon baru (pensil) muncul di atas tab. Klik ikon ini untuk menu drop-down baru.

Dari menu drop-down, klik "Edit Settings".
Jendela popup akan muncul di mana Anda dapat mengubah nama tab dan menambahkan gambar khusus untuk ditampilkan sebagai tombol.
Sesuaikan tab sesuka Anda.