Ako vložiť amazonku astore na facebookovú stránku zadarmo

Obchod na Facebooku?

Rozhodli ste sa, že affiliate marketing je pre vás. Vytvorili ste obchod Amazon. Strávili ste čas a usilovne preosievali produkty, aby si to pridali…

Využívajúc silu sociálnych médií, máte dokonca aj stránku na Facebooku venovanú vášmu úsiliu pridruženého marketingu… Vytvorili ste titulnú fotografiu na časovej osi, aby ste stránku jasne vyjadrili vizuálne… Na túto stránku na Facebooku zverejňujete aktualizácie stavu s odkazmi na konkrétne produkty vo vašom obchode…

Ale nebolo by úžasné, keby ste sa mohli pochváliť celým obchodom priamo na tejto stránke na Facebooku? No… môžete!

Spravovanie vlastných kariet je celkom jednoduché. Môžete dokonca prispôsobiť obrázky a text nadpisu, ktoré sa zobrazujú na samotnej karte.

Príklad

Pozrite sa napríklad na facebookovú stránku Communist Closet. Všimnite si kartu s názvom „Sovietsky obchod?“

Sovietsky obchod je obchod typu Amazon aStore vložený priamo do stránky na Facebooku s trochou kódu HTML a aplikáciou „Facebook-legal“. Nie, nič nezasekávame… iba využívame zdroje.

Čo budete potrebovať

Prístup správcu na stránku Facebook (ak ste ju vytvorili, už máte prístup správcu)
Bezplatná aplikácia na prispôsobenie záložiek (rád používam statické karty HTML: karty iframe)
Amazon aStore a súvisiaci odkaz

Urobte si láskavosť… nechajte si Facebook a Amazon Associate Central otvoriť na samostatných kartách prehľadávača (alebo dokonca samostatných prehľadávačoch, ak chcete). Týmto spôsobom môžete v prípade potreby prechádzať medzi týmito dvoma bodmi.

Pridanie aplikácie

Prejdite do aplikácie na Facebooku (s odkazom vyššie) a kliknutím na tlačidlo „Inštalovať“ ju pridajte na svoju stránku. Na ďalšej obrazovke vás aplikácia požiada o potvrdenie cieľa inštalácie (stránka, na ktorú aplikáciu nainštalujete), ak spravujete viac ako jednu stránku na Facebooku.

Vyberte správnu cieľovú stránku a výber potvrďte kliknutím na tlačidlo „Inštalovať“. Áno, je to naozaj také jednoduché.

Upravte obsah karty

Po dokončení inštalácie aplikácie sa vráťte na svoju stránku. Nájdete novú kartu s názvom „Vitajte!“ na obrazovke. Kliknite na to a poďme pracovať s kúzlami!

Zatiaľ si nerobte starosti s nadpisom a obrázkom karty, k tým sa čoskoro dostaneme.

Kliknutím na svoju novú uvítaciu kartu sa dostanete na túto obrazovku úprav. Tu budete môcť:

Hostte svoj „kód“ v sekcii index.html
Usporiadajte kód ďalej v sekciách style.css a script.js (pre pokročilejších používateľov)
Zmeňte nastavenia karty
Vytvorte bránu typu Fan-Gate (urobíme to v inom rozbočovači)

V predvolenom nastavení sa dostanete do sekcie aplikácie index.html (tu budeme robiť všetku našu prácu). Odstráňte existujúci text v tejto sekcii.

Získajte svoj aStore kód

V centrále spoločnosti Amazon:

Pomocou rozbaľovacej ponuky v ľavom hornom rohu obrazovky vyberte správne ID sledovania vášho aStore. (To je nevyhnutné iba v prípade, že máte na jednom účte viac obchodov… ak máte iba jeden obchod, s týmto krokom si starosti nerobte.)
V ľavej ponuke kliknite na „Získať odkaz“.
Na stránke sa zobrazí nová obrazovka s názvom „Váš obchod bol zverejnený!“ Priamo pod oznámením uvidíte niekoľko verzií vášho odkazu aStore.
Vyberte možnosť „Vložiť môj obchod pomocou vloženého rámu“. Tento kód mierne upravíme, aby sme ho optimalizovali pre integráciu s Facebookom.
Skopírujte celý kód do textového poľa a vložte ho do aplikácie (časť index.html) v rámci Facebooku.

Kód, s ktorým budeme pracovať, by mal byť asi ako:

Zabezpečená adresa URL

Pri prvom vložení kódu odkazu do aplikácie sa zobrazí správa s upozornením na nezabezpečenú adresu URL aStore. Nie, odkaz sa vás nebude pýtať, či jeho zdrojový kód vyzerá dobre. Niektoré prehliadače ale nemusia zobraziť váš obchod aStore správne, pretože si „nemyslia“, že obchod je hostený na zabezpečenom serveri. To je tu obzvlášť dôležité, pretože koniec koncov nechceme, aby vaši potenciálni zákazníci boli pri nakupovaní paranoidní.

Takže, prvá vec je prvá… Zmeňte vo svojom kóde http: // na http s: //

Upravte rozmery displeja

Teraz zmeníme zobrazené rozmery vášho aStore na stránke na Facebooku.

Všimnite si, že šírka je nastavená na 90%? To je 90% z toho, čo prehliadač počíta ako aktuálnu veľkosť stránky. Bude to absolútne nepresné… Šírku určíme ako 815 pixelov, aby sa zmestila do aplikácie iframe.

Zmeniť šírku = "90%" na šírku = "815px"

Odporúčam tiež skrátiť výšku (výrazne) na 1 000 alebo dokonca 1 200 pixelov. Váš obsah bude tak trochu obsiahlejší…

Zmeniť height = "4000" na height = "1200px"

Povoliť posúvanie

Váš obchod aStore môže byť dosť dlhý (dokonca dlhší ako pôvodných 4 000 pixelov). Spravidla sa to stane, ak sú popisy produktov dlhé a zverejníte tiež niekoľko recenzií produktu. V predvolenom nastavení je posúvanie zakázané… a tým sa odreže obsah nad stanovenú výšku. Pretože nechceme obmedzovať váš aStore, povolíme posúvanie.

Zmeniť rolovanie = "nie" na rolovanie = "áno"

Váš hotový kód by mal teraz vyzerať asi takto:

Nezabudnite stlačiť tlačidlo „Uložiť a zverejniť“ v pravom hornom rohu. Svoju prácu môžete tiež kedykoľvek zobraziť pomocou susedného tlačidla „Náhľad“…

Vyberavý, vyberavý…

Dobre, dusím sa… V aplikácii iframe máme kód iframe. Áno, je to nadbytočné. Áno, malo by sa to opraviť. Ale kvôli ľahkému použitiu v tomto sprievodcovi úrovňami pre začiatočníkov to nechám tak, ako to je. Nesúď ma.

Prispôsobené tlačidlo

Teraz, keď je vaša integrácia aStore dokončená, budete chcieť také otravné malé „Vitajte!“ tlačidlo na titulnej stránke, aby vyzeralo trochu zmysluplnejšie, že?

Vráťte sa do „predného konca“ svojej stránky na Facebooku.
Kliknite na malé tlačidlo (so špičatým trojuholníkom smerom nadol) vpravo od všetkých kariet stránky.
Pri rozširovaní stránky umiestnite kurzor myši na nové okno „Vitajte!“. tab.
Všimnite si, že na karte sa zobrazuje nová ikona (ceruzka). Kliknutím na túto ikonu zobrazíte novú rozbaľovaciu ponuku.

V rozbaľovacej ponuke kliknite na položku Upraviť nastavenia.
Zobrazí sa vyskakovacie okno, v ktorom môžete zmeniť názov karty a pridať vlastný obrázok, ktorý sa zobrazí ako tlačidlo.
Prispôsobte si kartu podľa svojich predstáv.