כיצד להטמיע אמזון חנות בעמוד פייסבוק בחינם

AStore בפייסבוק?

החלטת ששיווק שותפים הוא בשבילך. בנית aStore של אמזון. ביליתם את זמנכם, סיננתם בחריצות מוצרים כדי להוסיף להם…

כדי לנצל את העוצמה של המדיה החברתית, יש לך אפילו דף פייסבוק המוקדש למאמצי השיווק השותפים שלך… יצרת תמונת שער של ציר הזמן כדי להביע בבירור את הדף באופן חזותי… אתה מפרסם עדכוני סטטוס לאותו עמוד פייסבוק עם קישורים למוצרים ספציפיים. ב- aStore שלך ​​…

אבל זה לא יהיה מדהים אם תוכל להשוויץ בכל ה- aStore בדיוק בדף הפייסבוק ההוא? ובכן… אתה יכול!

כרטיסיות מותאמות אישית די קלות לניהול. אתה יכול אפילו להתאים אישית את התמונות וטקסט הכותרת המוצגים בכרטיסייה עצמה.

דוגמה

התבונן בדף הפייסבוק של הארון הקומוניסטי למשל. שימו לב לכרטיסייה שכותרתה "חנות סובייטית?"

החנות הסובייטית היא אמזון aStore המוטמע ישירות בדף הפייסבוק עם מעט HTML ואפליקציה "חוקית של פייסבוק". לא, אנחנו לא פורצים שום דבר… רק משתמשים במשאבים.

מה אתה צריך

• גישה למנהל לדף פייסבוק (אם יצרת אותו, כבר יש לך גישה למנהל)
• אפליקציית כרטיסיות מותאמת אישית בחינם (אני אוהבת להשתמש ב- HTML סטטי: כרטיסיות iframe)
• אמזון aStore והקישור המשויך לה

עשה לעצמך טובה… יש לפתוח את פייסבוק ו- Amazon Associate Central בכרטיסיות דפדפן נפרדות (או אפילו בדפדפנים נפרדים, אם אתה מעדיף). בדרך זו, תוכלו ללכת הלוך ושוב בין השניים אם יתעורר צורך.

הוספת האפליקציה

נווט לאפליקציה בתוך פייסבוק (עם הקישור למעלה) ולחץ על כפתור "התקן" כדי להוסיף את האפליקציה לדף שלך. במסך הבא האפליקציה תבקש ממך לאשר את יעד ההתקנה (העמוד בו תתקין את האפליקציה) אם תנהל יותר מדף פייסבוק אחד.

בחר את דף היעד המתאים ולחץ על כפתור "התקן" כדי לאשר. כן, זה באמת כל כך פשוט.

ערוך את תוכן הכרטיסייה

לאחר השלמת התקנת האפליקציה, חזור לדף שלך. תמצא כרטיסייה חדשה שכותרתה "ברוך הבא!" על המסך שלך. לחץ עליו ובואי נעבוד קסם!

אל תדאג עדיין עם כותרת הכרטיסייה והתמונה, נגיע לאלה בקרוב.

לחיצה על כרטיסיית הברכה החדשה שלך תביא אותך למסך עריכה זה. כאן תוכל:

• מארח את "הקוד" שלך בקטע index.html
• ארגן קוד נוסף בסעיפים style.css ו- script.js (למשתמשים מתקדמים יותר)
• שנה את הגדרות הכרטיסיות
• צור שער-מניפה (נעשה זאת במרכז אחר)

כברירת מחדל, תנחת בקטע index.html של האפליקציה (זה המקום בו נבצע את כל העבודה שלנו). מחק את הטקסט הקיים בקטע זה.

השג את קוד aStore שלך

ב- Associate Central של אמזון:

• השתמש בתפריט הנפתח בפינה השמאלית העליונה של המסך כדי לבחור את מזהה המעקב המתאים של aStore שלך. (זה הכרחי רק אם יש לך מספר רב של aStores באותו חשבון… אם יש לך רק aStore אחד, אל תדאג לגבי שלב זה.)
• לחץ על "קבל קישור" בתפריט הימני.
• הדף יציג מסך חדש שכותרתו "החנות שלך פורסמה!" ממש מתחת להכרזה, תראה מספר גרסאות לקישור aStore שלך.
• בחר באפשרות "הטמע את החנות שלי באמצעות מסגרת מוטבעת". נשנה מעט את הקוד הזה כדי לייעל אותו לשילוב בפייסבוק.
• העתק את כל הקוד בתיבת הטקסט והדבק אותו באפליקציה (קטע index.html) בתוך פייסבוק.

הקוד שאיתו נעבוד צריך להיות משהו כמו:

כתובת אתר מאובטחת

כשתדביק לראשונה את קוד הקישור שלך באפליקציה, תראה הודעת אזהרה מפני שכתובת האתר שלך ל- aStore אינה בטוחה. לא, הקישור לא ישאל אותך אם קוד המקור שלו גורם לו להראות שמן. אך, ייתכן שחלק מהדפדפנים לא מציגים את ה- aStore שלך ​​כראוי מכיוון שהם לא "חושבים" שהחנות מתארחת בשרת מאובטח. זה חשוב במיוחד כאן, כי אחרי הכל, אנחנו לא רוצים להפוך את הלקוחות הפוטנציאליים שלך לפרנואידים בעת הקניות.

אז, הדבר הראשון הוא הראשון… שנה את ה- http: // בתוך הקוד שלך ל- http s: //

התאם את מידות התצוגה

כעת נשנה את המידות המוצגות של aStore שלך ​​בעמוד הפייסבוק.

שימו לב שהרוחב מוגדר ל 90%? ובכן, זה 90% ממה שמחושב הדפדפן כגודל העמוד הנוכחי. זה יהיה לא מדויק לחלוטין… אנו נציין את הרוחב כ -815 פיקסלים כדי להתאים לאפליקציית iframe.

שנה רוחב = "90%" לרוחב = "815 פיקסלים"

אני ממליץ גם לקצר את הגובה (משמעותית) ל 1000 או אפילו 1200 פיקסלים. זה יהפוך את התוכן שלך למעט יותר מכיל…

שנה גובה = "4000" לגובה = "1200 פיקסלים"

אפשר גלילה

ה- aStore שלך ​​יכול להיות ארוך למדי (אפילו יותר מ- 4000 הפיקסלים המקוריים שצוינו). זה קורה בדרך כלל אם תיאורי המוצרים ארוכים ויש גם מספר ביקורות על מוצרים. כברירת מחדל, הגלילה מושבתת… וזה ינתק תוכן מעבר לגובה שצוין. מכיוון שאיננו רוצים להגביל את aStore שלך, אנו נאפשר גלילה.

שנה גלילה = "לא" לגלילה = "כן"

הקוד הסיים שלך אמור להיראות בערך כך:

אל תשכח ללחוץ על כפתור "שמור ופרסם" בפינה השמאלית העליונה. תוכל גם להציג תצוגה מקדימה של העבודה שלך בכל עת באמצעות כפתור "תצוגה מקדימה" הסמוך…

בררן, בררן…

בסדר, אני מנקה… יש לנו קוד iframe באפליקציית iframe. כן, זה מיותר. כן, צריך לתקן. אבל, כדי להקל על השימוש במדריך זה למתחילים, אני אשאיר את זה כמו שהוא. אל תשפט אותי.

כפתור מותאם אישית

עכשיו, לאחר השלמת שילוב ה- aStore שלך, תרצה את "ברוך הבא!" כפתור בעמוד הראשון כדי להיראות קצת יותר משמעותי, נכון?

• חזור ל"חזית הקצה "של עמוד הפייסבוק שלך.
• לחץ על הכפתור הקטן (עם משולש מחודד כלפי מטה) מימין המיידי של כל לשוניות העמודים.
• ככל שהדף מתרחב, העבר את העכבר מעל "ברוך הבא!" הכרטיסייה.
• תבחין בסמל (עיפרון) חדש שמופיע מעל הכרטיסייה. לחץ על סמל זה לתפריט נפתח חדש.

• מהתפריט הנפתח לחץ על "ערוך הגדרות".
• יופיע חלון קופץ בו תוכלו לשנות את שם הכרטיסייה ולהוסיף תמונה מותאמת אישית שתוצג ככפתור.
• התאם אישית את הכרטיסייה כרצונך.

וסיימת!