כיצד להוסיף את תיבת התגובות החדשה של פייסבוק לאתר שלכם

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

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

ונחזור לעניין התגובות של פייסבוק לבעלי אתרים… אז קודם כל שלב הפרינט-סקרין ואז נתחיל בפאן הטכני וכו'… 🙂

ממשק התגובות החדש של פייסבוק לבעלי אתרים

ממשק התגובות החדש של פייסבוק לבעלי אתרים

אז כמו שאתם רואים, הדוד צוקרברג הכין לנו הרבה הפתעות… מה השיפורים העיקריים בממשק התגובות החדש?
1. אפשר להגיב בתור דף עמוד עסקי מותג ווטאבר…
2. אפשר לעשות לייק על תגובות
3. אפשר להגיב על תגובה (עד רמה אחת מתחת בהיררכיה).
4. הנוטיפיקיישנס שמקשרים ישירות לאתר שלך (עוד נגיע לזה בהמשך הפוסט…).
5. וכאן הדבר המשמעותי…. ניתן לסנן תגובות!! יש פאנל ניהול מיוחד לזה.

אז נתחיל עם היתרון המשמעותי (ותשמרו את הלינק הזה במועדפים) פייסבוק השיקה כלי לניהול תגובות הן באתר שלכם והן בעמודים אותם אתם מנהלים, חברות הסושיאל בוודאי מתמוגגות מאושר כרגע 🙂

שמרתם? יופי! בואו נמשיך…

מה היתרונות של ממשק התגובות החדש של פייסבוק לבעלי אתרים?

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

דיון על הקיר של הדס, שניהלנו מדף חיצוני

דיון על הקיר של הדס, שניהלנו מדף חיצוני

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

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

נוטיפיקיישן על תגובה אצלי באתר

נוטיפיקיישן על תגובה אצלי באתר

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

מחיקה וחסימה של תגובות פייסבוק באתר שלך

מחיקה וחסימה של תגובות פייסבוק באתר שלך

 

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

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

מנהלי המדיה החברתית ואנשי הסושיאל מתמוגגים כרגע כנראה 🙂 ….. אז בואו ניגש לשלב הבא, ועכשיו… איך עושים את זה?

איך מוסיפים תגובות של פייסבוק לאתר שלך?

השלב הראשון – אתם צריכים מפתח מפתחים (API), אותו אתם יכולים להשיג ע"י הרשמה קצרה בדף המפתחים של פייסבוק (קליק).

שלב שני – לאחר שקיבלנו את מפתח המפתחים, נעתיק את הקוד הבא לחלק ה- HEAD של האתר שלנו.

<meta property="app_id" content="123456789">
<meta property="admins" content="987654321">

אם אתם משתמשים בוורדפרס, תוכלו לעשות זאת בקלות, גשו ל: מראה הבלוג > לערוך > ושם בחרו את הקובץ header.php (כותרת עליונה). מומלץ להכניס את הקוד לאחר תגיות ה- META

איזה פרמטרים אנחנו צריכים לשנות?

את הפרמטר של ה app-id אנחנו נשנה למפתח המפתחים שלנו.

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

איך נמצא מה היוזר ID שלנו (זה מספר) בפייסבוק? נלך לפרופיל ואז נלחץ על תמונת הפרופיל שלנו והמספר יופיע בסוף כתובת ה-URL בשורת הכתובת של הדפדפן.

לאחר מכן נשתול את הקוד הבא, גם הוא בחלק ה- HEAD של האתר אבל ממש לפני הסגירה שלו (זה מופיע כך: </head>).

<script src="http://connect.facebook.net/en_US/all.js#xfbml=1">
</script>

כמובן שבמקום en_US אתם יכולים לשנות לכל שפה שתרצו

סיימנו עם חלק ה- HEAD, כעת נעבור לחלק ה- BODY של העמוד. אם אתם משתמשים בוורדפרס ורוצים להכניס את התגובות לאחר הפוסטים, גשו ל: מראה הבלוג > לערוך > single.php (פוסט בודד). או בכל עמוד סטטי אחר…

שם השתילו את הקוד הבא:

<div id="fb-root"></div>
<fb:comments href="http://www.ybpmedia.com"></fb:comments>

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

<div id="fb-root"></div>
<fb:comments href="<?php the_permalink() ?>"></fb:comments>

זהו… יש לנו תגובות של חדשות של פייסבוק באתר 🙂 ע"י הממשק החדש בעלי אתרים יכולים להעמיק יותר את הקשר עם הגולש, ובעלי מותגים יכולים להגיב בתור המותג דובר החברה וכו'… אתם יכולים ליצור ממש מיני פורומים ע"י ההיררכיה שממשק התגובות מאפשר לכם וכמובן בל נשכח את הלייקים על תגובות שיתחילו להיות פזורים אצלכם בפיד ועל הקיר שלכם.

וכמו כל פיצ'ר של פייסבוק… הם דואגים שזה יהיה WIN WIN, בעל האתר מרוויח את הפרסום והחשיפה היתרה ע"י הנוטיפיקיישנס שמפנים אליו לאתר והדיונים שנותנים לו פרסום, בעלי העסקים מרוויחים מיתוג ופייסבוק… פייסבוק ממשיכה לשאוב אליה כל חלקה טובה באינטרנט 🙂

תהנו 😉

28 תגובות
  1. קידום בגוגל
    קידום בגוגל says:

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

    הגב
  2. עידו
    עידו says:

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

    הגב
    • YBPmedia בניית אתרים
      YBPmedia בניית אתרים says:

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

      הגב
  3. קרני וג'קי
    קרני וג'קי says:

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

    הגב
  4. סשה
    סשה says:

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

    הגב
  5. סיון
    סיון says:

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

    הגב
  6. גיא
    גיא says:

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

    תודה מראש
    גיא

    הגב
    • YBPmedia בניית אתרים
      YBPmedia בניית אתרים says:

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

      אם אתה רוצה לעשות את זה ידנית אז אפשר ככה:

      <a name="fb_share" type="box_count" share_url="<?php the_permalink() ?>"
            href="http://www.facebook.com/sharer.php">Share</a>
      הגב
  7. פינטו
    פינטו says:

    היי יואב,
    אכן מדריך טוב ומפורט אך לצערי לא הצלחתי למרות שכמו ילד טוב הלכתי צעד אחר צעד במדריך שלך.

    שהתגובות אמורות להיות מוצגות אני מקבל את השגיאה הזו:
    The comments plugin requires an href parameter.

    הגב
  8. יצחק
    יצחק says:

    שלום יואב,

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

    תודה רבה רבה לך על הכל!!!
    יצחק.

    הגב
    • YBPmedia בניית אתרים
      YBPmedia בניית אתרים says:

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

      הגב
  9. אבי
    אבי says:

    שברתי את הראש לגבי משהו אחד, 
    אם משתמש מגדיר את הגדרות הפרטיות על המצב הכי קיצוני (אל תחשוף כלום לאלה שלא חברים שלי), התגובות שהוא יוכל לראות/התגובה שלו -> רק של חברים שלו. 

    בשביל להימנע מזה, יש להגדיר את האפליקציה כ-Public (הבררת מחדל היא User Default).  

    הגב

השאירו תגובה

Want to join the discussion?
Feel free to contribute!

כתיבת תגובה

האימייל לא יוצג באתר. שדות החובה מסומנים *