Tartalomjegyzék:
- AStore a Facebookon?
- Egy példa
- Amire szüksége lesz
- Az alkalmazás hozzáadása
- Szerkessze a fül tartalmát
- Szerezd meg aStore kódodat
- Biztonságos URL
- Állítsa be a kijelző méretét
- A görgetés engedélyezése
- Picky, Picky ...
- Testreszabott gomb
- És kész!
AStore a Facebookon?
Úgy döntött, hogy az affiliate marketing az Ön számára szól. Ön épített egy Amazon aStore-ot. Töltötte az idejét, szorgalmasan szitálta a termékeket hozzáadásával…
Kihasználva a közösségi média erejét, még van egy Facebook-oldala is, amely elkötelezett az affiliate marketing erőfeszítéseivel kapcsolatban… Ön létrehozott egy idővonal borítófotót, amely egyértelműen kifejezi az oldalt vizuálisan. az aStore-ban…
De nem lenne félelmetes, ha az egész aStore-ot megmutathatná közvetlenül azon a Facebook-oldalon? Nos… lehet!
Az egyéni fülek kezelése meglehetősen egyszerű. Akár testreszabhatja a képeket és a címszöveget, amely magán a fülön jelenik meg.
Egy példa
Vessen egy pillantást például a Kommunista Szekrény Facebook oldalára. Figyelje meg a "Szovjet bolt?"
A Soviet Shop egy Amazon aStore, amely közvetlenül a Facebook oldalba van ágyazva, egy kis HTML-el és egy "Facebook-legal" alkalmazással. Nem, nem csapkodunk semmit… csak erőforrásokat használunk fel.
Amire szüksége lesz
- Rendszergazda hozzáférése egy Facebook-oldalhoz (ha Ön hozta létre, akkor már rendelkezik rendszergazdai hozzáféréssel)
- Ingyenes egyéni lapalkalmazás (a Statikus HTML-t szeretem használni: iframe fülek)
- Amazon aStore és a kapcsolódó link
Tegyen magának egy szívességet… a Facebook és az Amazon Associate Central külön böngészőfüleken (vagy akár külön böngészőkben is nyitható meg, ha úgy tetszik). Így előre-hátra léphet a kettő között, ha erre szükség van.
Az alkalmazás hozzáadása
Navigáljon az alkalmazáshoz a Facebookon belül (a fenti linkkel), és kattintson a "telepítés" gombra az alkalmazás hozzáadásához az oldalához. A következő képernyőn az alkalmazás megkéri, hogy erősítse meg a telepítés célját (azt az oldalt, amelyre telepíti az alkalmazást), ha egynél több Facebook-oldalt adminisztrál.
Válassza ki a megfelelő céloldalt, majd kattintson a "telepítés" gombra a megerősítéshez. Igen, ez tényleg ilyen egyszerű.
Szerkessze a fül tartalmát
Az alkalmazás telepítésének befejezése után térjen vissza az oldalára. Talál egy új fület "Welcome!" Címmel. a képernyőn. Kattintson rá, és dolgozzunk egy kis varázslattal!
A lap címe és képe miatt egyelőre ne aggódjon, hamarosan hozzájuk térünk.
Az új üdvözlő fülre kattintva eljuthat erre a szerkesztő képernyőre. Itt képes lesz:
- Hosztolja a "kódot" az index.html szakaszban
- Szervezze tovább a kódot a style.css és a script.js szakaszokban (haladóbb felhasználók számára)
- A fül beállításainak módosítása
- Hozzon létre egy Fan-Gate-t (ezt egy másik központban fogjuk megtenni)
Alapértelmezés szerint az alkalmazás index.html szakaszára kerül (itt fogjuk végezni a munkánkat). Kérjük, törölje a meglévő szöveget ebben a szakaszban.
Szerezd meg aStore kódodat
Az Amazon Associate Central oldalán:
- A képernyő bal felső sarkában található legördülő menü segítségével válassza ki az aStore megfelelő követési azonosítóját. (Ez csak akkor szükséges, ha több aStores van ugyanazon a számlán… ha csak egy aStore-ja van, ne aggódjon ez a lépés.)
- Kattintson a "Link beolvasása" elemre a bal oldali menüben.
- Az oldalon egy új képernyő jelenik meg "Az Ön boltja megjelent!" Címmel. Közvetlenül a bejelentés alatt az aStore link több változatát láthatja.
- Válassza a "Saját bolt beágyazása beépített kerettel" lehetőséget. Ezt a kódot kissé módosítjuk, hogy optimalizáljuk a Facebook integrációjára.
- Másolja az összes kódot a szövegmezőbe, és illessze be a Facebook alkalmazásába (index.html szakasz).
A kód, amellyel dolgozni fogunk, valami hasonló lehet:
Biztonságos URL
Amikor először beilleszti a linkkódot az alkalmazásba, megjelenik egy üzenet, amely figyelmeztet arra, hogy az aStore URL-je nem biztonságos. Nem, a link nem kérdezi meg, hogy a forráskódja kövérnek tűnik-e. De előfordulhat, hogy egyes böngészők nem jelenítik meg megfelelően az aStore-ját, mert nem "gondolják", hogy az üzlet biztonságos kiszolgálón van. Ez itt különösen fontos, mert végül is nem akarjuk paranojává tenni vásárlóit vásárlás közben.
Tehát az első dolog az első… Változtassa meg a kódjában lévő http: // értéket http s: //
Állítsa be a kijelző méretét
Most megváltoztatjuk az aStore megjelenített méreteit a Facebook oldalon.
Figyelje meg, hogy a szélesség 90% -ra van állítva? Nos, ez a böngésző 90% -a számít az aktuális oldalméretként. Ez abszolút pontatlan lesz… Megadjuk a szélességet 815 képpontként, hogy illeszkedjen az iframe alkalmazásba.
Szélesség = "90%" módosítása szélességre = "815px"
Azt is ajánlom, hogy rövidítsük le a magasságot (jelentősen) 1000 vagy akár 1200 képpontra. Ez kicsit tartalmasabbá teszi a tartalmát…
Változtassa meg a "4000" magasságot = "1200 képpont"
A görgetés engedélyezése
Az aStore meglehetősen hosszú lehet (akár hosszabb is, mint az eredeti 4000 pixel). Ez általában akkor történik, ha a termékleírások hosszúak, és több termékismertető is fel van tüntetve. Alapértelmezés szerint a görgetés le van tiltva… és ez elvágja a tartalmat a megadott magasságon túl. Mivel nem akarjuk korlátozni az aStore-t, engedélyezzük a görgetést.
Változtassa meg a scrolling = "no" értéket a scrolling = "yes" értékre
A kész kódjának most valami ilyennek kell kinéznie:
Ne felejtse el megütni a jobb felső sarokban található "Mentés és közzététel" gombot. A munkáját bármikor megtekintheti a szomszédos "Előnézet" gombbal is…
Picky, Picky…
Oké, pipálok… Van egy iframe kódunk egy iframe alkalmazáson belül. Igen, felesleges. Igen, meg kell javítani. De ennek a kezdő szintű útmutatónak a könnyebb használata érdekében hagyom, ahogy van. Ne ítélj el engem.
Testreszabott gomb
Most, hogy az aStore integrációja befejeződött, szüksége lesz arra a bosszantó kis "Welcome!" gombot a címlapon, hogy egy kicsit értelmesebbnek tűnjön, igaz?
- Térjen vissza a Facebook-oldal "kezelőfelületéhez".
- Kattintson az összes lapfül jobb oldalán közvetlenül a kis gombra (lefelé mutató háromszöggel).
- Amint az oldal kibővül, vigye az egérmutatót az új "Welcome!" fülre.
- Észre fogja venni, hogy egy új ikon (ceruza) jelenik meg a fül felett. Kattintson erre az ikonra egy új legördülő menü megjelenítéséhez.
- A legördülő menüben kattintson a "Beállítások szerkesztése" elemre.
- Megjelenik egy felugró ablak, amelyben megváltoztathatja a fül nevét, és hozzáadhat egy egyéni képet, amely gombként jelenik meg.
- Testreszabhatja a lapot tetszése szerint.