עבור אלה שיש להם בעקבות פייסבוק F8 כנס המפתחים, אתה צריך לדעת כי מנכ"ל פייסבוק מארק צוקרברג עשה רשמית את ההשקה של גרף Open Protocol ו plugins חברתית. להיות יורשיו של פייסבוק להתחבר, שני הדברים האלה הולכים לשנות את כל משחק הכדור ולהביא את האינטרנט " חברתי " לרמה חדשה לגמרי.

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

כיצד אני מוסיף לחצן 'אהבתי' לאתר שלי? (הדרך הקלה)

כדי להוסיף לחצן 'אהבתי', פשוט הדבק את קוד ה- iframe הבא לכל חלק של הדף (או את המיקום שבו תרצה שיופיע).

כדי לשנות את ההגדרה של כפתור "כמו", עבור לדף זה כפתור פייסבוק כמו, להתאים אישית את ההגדרה, לתפוס את קוד iframe ולהדביק אותו לאתר שלך.

לחלופין, להתקין את תוסף כמו אשר יכול להפוך את רוב החומר הבסיסי בשבילך.

זה הכל? מה אם אני רוצה יותר?

אתה ביקשת את זה. אז הנה אתה, את השיטה לשלב פייסבוק עמוק לתוך האתר שלך (ולהפוך את האתר שלך לתוך הגרף החברתי).

יש בעצם שתי דרכים ליישם פייסבוק תוספים חברתיים באתר שלך:

  1. iFrame
  2. XFBML

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

1. רשום אפליקציית Facebook

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

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

לאחר יצירת היישום בהצלחה, תראה את מרכז השליטה של ​​היישום. רשום את מזהה היישום (תשתמש בו מאוחר יותר).

2. הוספת תג מותאם אישית

עכשיו, עבור לתיקיית ערכת הנושא שלך ולפתוח את הקובץ header.php . שנה את התג ל:

 >

3. הוספת מטא תגים מותאמים אישית לתג שלך

עדיין ב- header.php, הוסף את השורה הבאה בין התג.

הערה :

  • זכור לשנות את כל שדה ה- CAPS להגדרת האתר שלך במטא תגים.
  • כדי לגלות מהי הפייסבוק שלך USER_ID, עבור אל http://graph.facebook.com/your-username . תראה את זיהוי המשתמש שלך ב- FB.

  • עיין בדף זה לקבלת הסבר מלא על המטא תגים ומטא תגים אחרים שתוכל לכלול

4. הוספת sdk JavaScript

כדי להשתמש ב- XFBML, עלינו להוסיף את ה- SDK של JavaScript לתג שלך.

הוסף את השורות הבאות מיד אחרי התג.

עכשיו, תצטרך להחליף את " מזהה APP שלך " עם מזהה היישום שיצרת רק עכשיו.
5. בחר את יישומי הפלאגין החברתיים שבהם ברצונך להשתמש 
עבור לאתר הפלאגין החברתי של Facebook, תראה סדרה של כלים שתוכל ליישם באתר שלך.
לחצן 'אהבתי' : הצג לחצן ' אהבתי' באתר שלך. התוסף הנפוץ ביותר. 
המלצות : הצג למשתמשים הצעות מותאמות אישית לדפים באתר שלך שייתכן שהם יאהבו. 
כניסה עם פרצופים : אפשר למשתמשים להירשם לאתר שלך באמצעות חשבון Facebook שלהם. הוא גם מציג רשימה של החברים של המשתמש שגם הם נרשמו לאתר שלך. 
הערות : אפשר למשתמשים להגיב על האתר שלך. ההערות יפורסמו גם בקיר הפייסבוק של המשתמש. 
עדכון פעילות : מציג למשתמשים את מה שהחברים שלהם עושים באתר שלך באמצעות סימוני 'אהבתי' והערות. 
כמו Box : זה נקרא בעבר תיבת מאוורר. 
Facepile : מציג תמונות פרופיל של החברים של המשתמש שכבר נרשמו לאתר שלך. 
זרם בשידור חי : מאפשר למשתמשים שלך לשתף פעילויות ותגובות בזמן אמת תוך כדי אינטראקציה במהלך אירוע חי.
6. קבע את התוספים החברתיים 
בחר את הפלאגין החברתי שבו תרצה להשתמש באתר שלך. בדוגמה זו, אני ישתמש כפתור "כמו" שכן הוא הנפוץ ביותר בקרב כל.
לחץ על הקישור לחצן 'אהבתי'
קבע את הגדרות הלחצן "אהבתי". השאר את שדה כתובת האתר ריק. לחץ על " קבל קוד " כפתור בסוף לתפוס את קוד המקור.
הדגש והעתק את קוד XFBML
הדבק אותו למקומות (באזור ווידג'טים או בקובץ single.php ) שבו ברצונך להציג את הלחצן "Like".
לעשות את אותו הדבר עבור כל plugins חברתיים אחרים שבהם אתה משתמש.
זהו זה!
הטמעת יישומי פלאגין חברתיים ב- MakeTechEasier 
"כמו" עבור כל רשומה לכתוב
כמו תיבת בסרגל הצד
המלץ על כותרת תחתונה תחתונה
הפניות 
הנה כמה קישורים שימושיים עבור ההפניה שלך:
  • פרוטוקול OpenGraph
  • פייסבוק
  • פייסבוק תוספים חברתיים
  • פייסבוק לוח המחוונים יישום
אם אתה מוצא את הפוסט הזה שימושי, לא לשכוח " כמו " אותו ולשתף אותו עם החברים שלך. האם יידע אותנו את ההערות איך אתה עושה שימוש plugins חברתית באתר שלך.