כיצד להוסיף כפתור לייק לכרטיסיות הפייסבוק שלך: בוחן מדיה חברתית

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

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

ובכן, מתברר שזה למעשה די קל, באמצעות fb: תגית FBML.

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

עמוד המעריצים ללא אשכול - איך הם עושים זאת?

ה דף מעריצים ללא אשכול הכרטיסייה "חנות" מציגה מבחר של שש חולצות מהקטלוג שלהן, והמבקרים יכולים להזמין, לייק ו / או להגיב על כל אחד מהם.

העמודה השמאלית באיור שלמעלה היא תמונת מוצר ואפשרות בחירה נפתחת. ברגע שמשתמש מבצע בחירה ולוחץ על "הוסף לעגלה", הוא או היא מופנים לאתר Threadless.com כדי להשלים את הרכישה.

תוכן העמודה הימנית נוצר באמצעות ה- fb: הערות תג FBML:

הפרמטרים והערכים ששימשו ל fb: הערות

• xid: זהו המזהה הייחודי למופע זה של fb: הערותתָג. עליך לכלול ערך, ואני מציע להשתמש במשהו קצר ותיאורי. אתה מוגבל לתווים אלפא-נומריים, מקפים, סימן האחוזים, נקודות וקווים תחתונים. המשתמש לא יראה תוכן זה; זה רק ליצירת ערך שאליו מפתחים יכולים לגשת למטרות תכנות.

  חלק מהדוגמאות הן:
  xid = ”מוצר -205 ″
  xid = ”נעליים כחולות-מוצר
  xid = "Tan_50%"

• קופסא: סביר להניח שתרצה "נכון" עבור ערך זה, המציין שהמשתמש יכול לפרסם תגובה.
• נברשת: תרצה "שקר" עבור זה, כלומר משתמש לא יכול למחוק אף אחת מהתגובות.
• לַהֲפוֹך: הגדרת זה ל"אמיתי "ממקמת את התיבה" הוסף תגובה "מתחת לתגובות שפורסמו, כפי שנעשה בדף ללא אשכול.
• חזרה: זה הערך החשוב ביותר! זוהי כתובת האתר שהמשתמש אוהב כאשר הוא או היא לוחצים על כפתור Like. אם המשתמש מסמן את התיבה "פרסם תגובה לפרופיל הפייסבוק שלי", התגובה תופיע על הקיר שלהם כ" [משתמש] אוהב את [תג הכותרת של האתר] ב- [URL]. " תוכל לקבל כל כתובת אתר חוקית עבור "חזרהפרמטר. ללא Threadless יש את דף המוצר באתר שלהם כ- "חזרה" ערך.

שימוש ב- CSS כדי להסתיר אלמנטים לא רצויים ב fb: הערות תָג

אתה יכול להסתיר בקלות את הצגת האלמנט הזה. משתמש ב תוסף Firefox "Firebug" (חובה לקודדים!), קבעתי שהלוגו הקטן של פייסבוק וטקסט התוסף החברתי של פייסבוק כלולים ב- DIV שהוקצה לכיתה "כותרת משנה", ואת ה- DIV הזה ניתן להסתיר, בכל הדפדפנים, באמצעות CSS.

כדי להסתיר תוכן זה, פשוט הוסף:

.subtitle_left {display: none;}

לגיליון הסגנונות שלך, שמסתיר את ה- DIV:

רק רוצה את כפתור הלייק? השתמש ב- CSS כדי להסתיר את תיבת ההערות

אם אתה רוצה רק כפתור הלייק ולא את תיבת ההערות, אתה יכול להשתמש ב"אל תציג דבר”מאפיין CSS כדי להסתיר את תיבת ההערות הלא רצויות.

מכיוון שכל מאפייני ההערות כלולים ב- DIV שהוקצה למחלקה “תגובה_גוף”(שוב תודה, Firebug!), פשוט הוסף את כלל ה- CSS הבא לגיליון הסגנונות שלך:

.comment_body {תצוגה: none;}

התוצאה:

הוספת מופעים מרובים של כפתור הלייק

אתה יכול לקבל כמה שיותר מקרים של fb: הערות תג FBML בכרטיסייה המותאמת אישית שלך כרצונך. רק וודא שלכל אחד מהם יש "xid" ערך.

מתן אפשרויות למשתמשים יותר מאשר סתם לייק לדף שלך ו / או לשתף אותו פירושו יותר מעורבות משתמשים ויותר אזכורים של המותג שלך מופיע על קירות המשתמשים.

נסה זאת ותן לנו לדעת איך זה עובד. השאר את השאלות וההערות שלך בתיבה למטה.