Ücretsiz olarak bir facebook sayfasına bir amazon astore nasıl yerleştirilir

Facebook'ta bir mağaza mı?

Bağlı kuruluş pazarlamasının sizin için olduğuna karar verdiniz. Bir Amazon Mağazası kurdunuz. Zamanınızı, eklemek için ürünleri özenle inceleyerek harcadınız…

Sosyal medyanın gücünden yararlanarak, bağlı kuruluş pazarlama çabalarınıza adanmış bir Facebook sayfanız bile var… Sayfayı görsel olarak net bir şekilde ifade etmek için bir zaman çizelgesi kapak fotoğrafı oluşturdunuz… Belirli ürünlere bağlantılar içeren o Facebook sayfasına durum güncellemelerini gönderiyorsunuz mağazanızda…

Ama tüm aStore'u o Facebook sayfasında gösterebilseydiniz harika olmaz mıydı? Peki… yapabilirsin!

Özel sekmelerin yönetimi oldukça kolaydır. Hatta sekmenin kendisinde gösterilen resimleri ve başlık metnini özelleştirebilirsiniz.

Bir örnek

Örneğin, Communist Closet Facebook sayfasına bir göz atın. "Sovyet Mağazası" başlıklı sekmeye dikkat edin?

Sovyet Mağazası, küçük bir HTML ve "Facebook yasal" uygulamasıyla doğrudan Facebook sayfasına gömülü bir Amazon aStore'dur. Hayır, hiçbir şeyi hacklemiyoruz… sadece kaynakları kullanıyoruz.

Neye ihtiyacınız olacak

Bir Facebook sayfasına yönetici erişimi (oluşturduysanız, zaten yönetici erişiminiz var)
Ücretsiz özel sekme uygulaması (Statik HTML: iframe sekmeleri kullanmayı seviyorum)
Amazon aStore ve ilişkili bağlantısı

Kendinize bir iyilik yapın… Facebook ve Amazon Associate Central'ı ayrı tarayıcı sekmelerinde (veya isterseniz ayrı tarayıcılarda) açın. Bu şekilde, ihtiyaç duyulursa ikisi arasında ileri geri gidebilirsiniz.

Uygulamayı Eklemek

Facebook içindeki uygulamaya (yukarıdaki bağlantıyla) gidin ve uygulamayı sayfanıza eklemek için "yükle" düğmesini tıklayın. Bir sonraki ekranda, birden fazla Facebook sayfasını yönetiyorsanız uygulama sizden kurulum hedefini (uygulamayı yükleyeceğiniz sayfa) onaylamanızı isteyecektir.

Uygun hedef sayfayı seçin ve onaylamak için "kur" düğmesini tıklayın. Evet, gerçekten bu kadar basit.

Sekme İçeriğini Düzenleyin

Uygulama kurulumu tamamlandıktan sonra sayfanıza dönün. "Hoş Geldiniz!" Başlıklı yeni bir sekme bulacaksınız. ekranınızda. Tıklayın ve biraz sihir yapalım!

Henüz sekme başlığı ve resmi için endişelenmeyin, bunlara kısa süre içinde ulaşacağız.

Yeni Hoş Geldiniz sekmenize tıklamak sizi bu düzenleme ekranına götürecektir. Burada şunları yapabileceksiniz:

"Kodunuzu" index.html bölümünde barındırın
Kodu style.css ve script.js bölümlerinde daha da düzenleyin (daha ileri düzey kullanıcılar için)
Sekme ayarlarını değiştir
Bir Fan-Gate oluşturun (bunu başka bir Hub'da yapacağız)

Varsayılan olarak, uygulamanın index.html bölümüne gideceksiniz (burası tüm işimizi yapacağımız yerdir). Lütfen o bölümdeki mevcut metni silin.

Mağaza Kodunuzu Alın

Amazon Associate Central'da:

AStore'unuzun uygun izleme kimliğini seçmek için ekranın sol üst kısmındaki açılır menüyü kullanın. (Bu yalnızca aynı hesapta birden fazla aStore'unuz varsa gereklidir… Yalnızca bir aStore'unuz varsa, bu adım için endişelenmeyin.)
Soldaki menüden "Bağlantı Al" ı tıklayın.
Sayfada "Mağazanız yayınlandı!" Başlıklı yeni bir ekran görüntülenecektir. Duyurunun hemen altında, aStore bağlantınızın birkaç sürümünü göreceksiniz.
"Mağazamı satır içi çerçeve kullanarak yerleştir" seçeneğini seçin. Facebook entegrasyonu için optimize etmek için bu kodu biraz değiştireceğiz.
Metin kutusundaki tüm kodu kopyalayın ve Facebook içindeki uygulamaya (index.html bölümü) yapıştırın.

Üzerinde çalışacağımız kod aşağıdaki gibi olmalıdır:

Güvenli URL

Bağlantı kodunuzu uygulamaya ilk yapıştırdığınızda, aStore URL'nizin güvensiz olduğuna dair bir uyarı mesajı göreceksiniz. Hayır, bağlantı size kaynak kodunun şişman görünüp görünmediğini sormaz. Ancak, bazı tarayıcılar mağazanızın güvenli bir sunucuda barındırıldığını "düşünmediklerinden" aStore'unuzu düzgün görüntülemeyebilir. Bu burada özellikle önemlidir çünkü ne de olsa potansiyel müşterilerinizi alışveriş yaparken paranoyak yapmak istemiyoruz.

Yani, ilk önce… Kodunuzdaki http: // 'yi http s: // olarak değiştirin.

Ekran Boyutlarını Ayarlayın

Şimdi, Facebook sayfasında aStore'unuzun görüntülenen boyutlarını değiştireceğiz.

Genişliğin% 90 olarak ayarlandığını fark ettiniz mi? Bu, tarayıcının mevcut sayfa boyutu olarak hesapladığının% 90'ı. Bu kesinlikle yanlış olacaktır… Genişliği iframe uygulamasına sığdırmak için 815 piksel olarak belirleyeceğiz.

Width = "90%" değerini width = "815px" olarak değiştirin

Ayrıca yüksekliği (önemli ölçüde) 1000 veya hatta 1200 piksele düşürmenizi tavsiye ederim. İçeriğinizi biraz daha kapsayıcı hale getirecek…

Yükseklik = "4000" değerini yükseklik = "1200 piksel" olarak değiştirin

Kaydırmaya İzin Ver

Mağaza mağazanız oldukça uzun olabilir (belirtilen orijinal 4000 pikselden bile daha uzun). Bu genellikle ürün açıklamaları uzunsa ve ayrıca birkaç ürün incelemesi yayınlandığında gerçekleşir. Varsayılan olarak, kaydırma devre dışıdır… ve bu, belirtilen yüksekliğin ötesinde içeriği keser. Mağazanızı sınırlamak istemediğimizden, kaydırmayı etkinleştireceğiz.

Kaydırma = "hayır" ı kaydırma = "evet" olarak değiştirin

Bitmiş kodunuz şimdi şöyle görünmelidir:

Sağ üst köşedeki "Kaydet ve Yayınla" düğmesine basmayı unutmayın. Ayrıca, yandaki "Önizleme" düğmesiyle çalışmanızı istediğiniz zaman önizleyebilirsiniz…

Picky, Picky…

Tamam, titriyorum… Bir iframe uygulamasında iframe kodumuz var. Evet, gereksiz. Evet, düzeltilmesi gerekiyor. Ancak, bu başlangıç seviyesi kılavuzundaki kullanım kolaylığı için onu olduğu gibi bırakacağım. Beni yargılama.

Özelleştirilmiş Düğme

Artık aStore entegrasyonunuz tamamlandığına göre, o sinir bozucu küçük "Hoş Geldiniz!" biraz daha anlamlı görünmek için ön sayfadaki düğmesi, değil mi?

Facebook sayfanızın "ön ucuna" dönün.
Tüm sayfa sekmelerinin hemen sağındaki küçük düğmeyi (aşağıya doğru sivri bir üçgen içeren) tıklayın.
Sayfa genişledikçe, farenizi yeni "Hoş Geldiniz!" sekmesi.
Sekmenin üzerinde yeni bir simge (kalem) belirdiğini fark edeceksiniz. Yeni bir açılır menü için bu simgeye tıklayın.

Açılır menüden "Ayarları Düzenle" yi tıklayın.
Sekmenin adını değiştirebileceğiniz ve düğme olarak görüntülenmek üzere özel bir görüntü ekleyebileceğiniz bir açılır pencere görünecektir.
Sekmeyi istediğiniz gibi özelleştirin.