כיצד להוסיף כפתור "לייק" של פייסבוק לאתר האינטרנט שלך

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

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

פייסבוק לייק באתר האינטרנט שלך

פייסבוק לייק באתר האינטרנט שלך

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

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

כפתור הלייק באתר שלי וכיצד זה נראה אחרי שלחצתי עליו

כפתור הלייק באתר שלי וכיצד זה נראה אחרי שלחצתי עליו

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

מעבר לכך שאחרי שגולשים לחצו לייק הקישור שלכם מופיע על הקיר שלהם – הוא גם מופיע ב- news feed בעמוד הראשי של פייסבוק – מה שמגדיל את החשיפה לאתר שלכם בצורה משמעותית ביותר.

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

למי שמשתמש במערכות מבוססות PHP – העתיקו את הקוד הבא, והפכו אותו לחלק אינטרגלי מהמערכת שלכם – הוא לוקח באופן אוטומטי את ה-URL של כל פוסט ופוסט, במידה ויש לכם אתר סטטי החליפו אתר השורה הזאת בכתובת ה-URL של האתר שלכם: <?php the_permalink() ?> ,  והנה הקוד לפניכם:

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php
the_permalink() ?>" BORDER="0" MARGINWIDTH="0" MARGINHEIGHT="0" HSPACE="0"
FRAMEBORDER="0" SCROLLING="no" width="600" height="65"></iframe>

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

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

כיצד להוסיף את אופציית הלייק למערכת וורדפרס

כיצד להוסיף את אופציית הלייק למערכת וורדפרס

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

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

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

81 תגובות
  1. יצחק
    יצחק says:

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

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

    יצחק – אם מדובר בהצעת מחיר, פנה בבקשה בדוא"ל ybpmedia@gmail.com
    עם מדובר בעצה – כנס לקוד המקור של המערכת שלך ושלב את כפתור הלייק באופן גורף בכל האתרים בו זמנית.

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

    הגב
  3. אדי
    אדי says:

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

    הגב
  4. סיימון
    סיימון says:

    תודה!
    אמיחי – אתה יכול לנסות את הקוד להלן בג'ומלא, אמור לעבוד.

    תוספת קטנה,
    אפשר לעשות זאת קצת יותר קל בוורדפרס:
    ראשית להתקין את התוסף: http://www.satollo.net/plugins/post-layout
    ואז אפשר להוסיף את הקוד להלן לפוסט בכל מקום בלי לגעת בקוד של הוורדפרס:
    <script language="JavaScript">
    <!–
    document.write ("<iframe src='http://www.facebook.com/plugins/like.php?href="+location.href+"' BORDER='0' MARGINWIDTH='0' MARGINHEIGHT='0' HSPACE='0' FRAMEBORDER='0' SCROLLING='no' width='500' height='65'></iframe>")
    // –>
    </script>
    תודה רבה
    ובהצלחה!
    סיימון
    http://www.simonweil.co.il

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

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

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

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

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

    הגב
  7. shauli
    shauli says:

    תודה
    אז מסתבר שאפר לעשות את זה גם בגוגל סייטס
    פשוט כמו שאמרת הייתי גם צריך להוריד את הסוגריים המשולשים!

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

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

    יובל – למערכות ASP החלף את הקוד שמוציא את כתובת ה-URL בקוד הבא:
    <%  response.write(curPageURL())%>

    הגב
  9. חנן
    חנן says:

    כל הכבוד על היוזמה!
    מה לגבי מערכות פורום כגון phpBB?
    המערכת כמובן בנויה ב-PHP אך אני מקבל שגיאה.
    מה צריך להכניס במקום ה- <?php the_permalink() ?>
    ניסיתי גם להוריד את הסוגריים המשולשים כמו שהציעו פה.
    תודה.

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

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

    הגב
  11. ברק דנין
    ברק דנין says:

    למי שרוצה את זה בעברית, משנים את החלק של SRC ומוסיפים locale (כאן מוצג עבור wordpress)
     
    src="http://www.facebook.com/plugins/like.php?href=<?php
    the_permalink() ?>&amp;locale=he_IL"

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

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

    הגב
  13. רמי
    רמי says:

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

    הגב
  14. key-word
    key-word says:

    לטובת בעלי האתרים שהסיומת שלהם היא : .COM .

    עליכם לשתול את הלינק בתבנית הראשית ולא בפוסט הבודד כפי שצוין כאן
    לשנות את הרוחב ל- 520 במקום 560 או 600 כפי שהוצג בלינק המקורי
    ואז הכל מסתדר

    אתם מוזמנים לצפות באתר שלי ולראות שזה עובד http://www.keyword-sem.com

    הגב
  15. פינטו
    פינטו says:

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

    הגב
  16. ליאור
    ליאור says:

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

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

    הגב
  17. אהוד
    אהוד says:

    אני רוצה להוסיף באתר שלנו תיבת אוהדים כמו זו ששילבת פה באתר בצד שמאל למעלה.
    רק פרצופי האוהדים והכפתור להצטרף כאוהד.
    זהו אתר עם מערכת ניהול תוכן של livecity.co.il והם לא מצליחים לעשות זאת כרגע.
    יש אפשרות לשלב תיבה כזו באתרים שהם לא בתבניות wordpress? ואם תוכל לרשום את הקוד הנחוץ לשם כך או לפנות אליי דרך המייל – זה יהיה מצוין. תודה מראש.

    הגב
  18. עזרא
    עזרא says:

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

    הגב
  19. ענת
    ענת says:

    שלום, נתקלתי בפוסט בדיוק לאחר שאתמול ניסיתי לשים like button באתר. ובגלל בעיה נאלצתי בינתיים לשים קישור של addthis. הבעיה היא שכאשר גולשים באינטרנט אקספלורר בראוזר לא רואים את כפתור like button. ואילו כאשר גולשים בגוגל כרום כן רואים. האתר במערכת live city. האם יש לכם רעיונות?  להשתמש בבראוזר אחר…..?
    שנית – לא הצלחתי למצוא ואשמח לקבל קישור ליצירת כפתור פייסבוק וקישור להצטרפות של חברים לפייסבוק של האתר.
    ולכל משתמשי לייב סיטי שהגיבו פה בפוסט, הקוד שהוצג פה מתאים כנראה לוורדפרס. אני יצרתי את הקוד דרך ה facebook developer :
    http://developers.facebook.com/docs/reference/plugins/like
    אשמח לשמוע מכם אם גם אתם נתקלתם בבעיה של חוסר הצגת הכפתור באינטרנט אקספלורר בראוזר.
     

    הגב
  20. רעות
    רעות says:

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

    הגב
  21. אלעד
    אלעד says:

    אפשר להוסיף קוד שמכיל גם את כפתור הלייק וגם תגובות פייסבוק (שכותבים רק שמחוברים לפייסבוק) דרך העמוד הבא: http://developers.facebook.com/docs/reference/plugins/comments
    ראיתי את הקוד בפעולה באתרי כתבות כמו YNET וכאלו.
    ונראה לי שזה הקודה הבא, חבל שהוא עוד לא מחליף את התגובות הרגילות.

    הגב
  22. שמואל
    שמואל says:

    הקוד עבור אתרי ASPX הכתובים ב #C
    במקום הPHP שבסוגריים ניתן לכתוב
    <% =Request.Url.AbsoluteUri %>
     
    פועל מצויין, הוספתי לאתר שלי
    תודה

    הגב
  23. שמואל
    שמואל says:

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

    הגב
  24. אילן
    אילן says:

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

    הגב
  25. כתיבת תוכן
    כתיבת תוכן says:

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

    הגב
  26. עינב
    עינב says:

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

    הגב
  27. zed
    zed says:

    אני מכיר שני שימושים לכפתור הלייק:
    1. כמו  ב askpavel.co.il לחיצה על הכפתור עושה לייק לעמוד מסויים.
    2. כמו באתר globes.co.il לחיצה עושה לייק לתוכן מסויים כאשר הפרסום בפייסבוק מכיל את הקישור לעמוד המאמר וקישור לעמוד הבית.

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

    הגב
  28. קרין
    קרין says:

    הי,
    הוספתי את הקוד לכתבה ספציפית באתר ועכישו מופיע לי ש – 35.533 אהבו את הכתבה, מה שברור שזה BUG.
    מכיר את התופעה ואיך ניתן לסדר את זה?
    לא ראיתי שי למי לפנות בפייסבוק בנוגע לזה. זה רק אומר כמה קל כנראה לזייף כמות של לייקים.
    להלן לינק לכתבה עם הכפתור שהוספתי:
    http://www.supherb.co.il/?CategoryID=329&ArticleID=305

    הגב
  29. אילנית
    אילנית says:

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

    תודה, אילנית
    0542570192

    הגב
  30. תמר
    תמר says:

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

    הגב
  31. נועם
    נועם says:

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

    לאן מופנה ה-"לייק" ? לא ראיתי בדף האוהדים שלי שום שינוי

    הגב
  32. בר דותן
    בר דותן says:

    שלום , לא הבנתי בדיוק איך לעשותא ת זה , אני מנהל חדש במערכת הפורומים אצלנו ואין כל כך הרבה ידע נירכב בנושא… לאף אחד מאצלנו אין , תמיד ניתמכנו באנשים אחרים , אני צריך עזרה באיך להוסיף את כפתור הלייק הסבר קצת יותר רציני עם אפשר או עזרה כלשהי נוספת, מערכת הניהול של הפורום :
    PHP VERSION: 5.2.13, MySQL VERSION: 5.0.51a-community

    הגב
  33. סיגל
    סיגל says:

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

    הגב
  34. כרמית
    כרמית says:

    איך מוסיפים כפתור לייק לחתימה של ג'ימייל?
    הצלחתי להוסיף כפתור ולהפוך אותו לקישור- אבל כשלוחצים הקישור מופיע בצד ויש ללחוץ עליו ולא האייקון הופך לכפתור בעצמו שכשעומדים עליו העכב הופך לכף יד…
    מה עושים?? בבקשה עזרתכם!!!!

    הגב
  35. אלכסנדר
    אלכסנדר says:

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

    הבאג, אגב, דווח בפייסבוק והוא מוכר להם.

    הגב
  36. גל
    גל says:

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

    הגב
  37. חמוטל
    חמוטל says:

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

    הגב

Trackbacks & Pingbacks

  1. […] שלי, הסטטיסטיקה של הבלוג עלתה אף יותר מהשבוע בו פרסמתי כיצד להוסיף כפתור לייק לאתרים 3. ביססתי 3 שת"פים עסקיים חדשים וחיזקתי 2 קיימים 4. […]

  2. […] כפתור הלייק והיתרונות שלו – מוזמנים לקרוא בפוסט הזה. (לעמוד […]

השאירו תגובה

Want to join the discussion?
Feel free to contribute!

כתיבת תגובה

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