הוספת כפתור Like של הפייסבוק לאתר הוורדפרס שלך
// אפריל 23rd, 2010 // כללי
Amit Maman Likes it
למי שלא יודע, פייסבוק הוסיפה אפשרות לאחרונה להוסיף כפתור לייק לכל אתר באינטרנט, ובכך לשתף את העמוד בפייסבוק בצורה קלה ונוחה ע"י המשתמשים. תוסף זה הינו חלק משורת תוספים חברתיים חדשים עליהם הכריזה פייסבוק לאחרונה, ובימים האחרונים הוא תופס תאוצה בכל מקום באינטרנט.
למה זה נחוץ לבעלי אתרים? התוסף, מאפשר למשתמשים המחוברים לרשת החברתית ללחוץ על כפתור הלייק בתוך האתר וכך משתמשים אחרים החברים של אותו משתמש יראו בתוך הרשת החברתית את ההמלצה. הדבר מביא משתמשים חדשים, שלא הכירו את האתר קודם לכן. כמו כן, אם המשתמשים אהבו את התוכן, הדבר יכול לחבר בין משתמשים שונים בתוך האתר, לדוגמא 2 אנשים שאהבו את אותו התוכן כעת יכולים לראות שיש להם במשותף משהו, ויכולים ליצור אינטרקציה בניהם, בפייסבוק.
בפוסט זה ניצור את הכפתור בקלות ע"י כמה שלבים פשוטים, ונתאים אותו לעמודים בוורדפרס בקלות.
את הקוד אתם מייצרים כאן בעמוד התוספים של פייסבוק. שם אתם מחליטים על רוחב, עיצוב (אם הרקע באתר שלכם בהיר נסו טקסט שחור וכו'), ולינק לעמוד שעליו האנשים לחצו לייק. את הלינק לעמוד תשאירו כפי שהוא מוגדר אוטמטית : http://developers.facebook.com/, אנחנו נשנה אותו עוד מעט.
כעת לאחר שיצרתם את הקוד בעמוד התוסף, הוא צריך להיראות לכם בערך כזה:
<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Facebook.com%2F&layout=standard&show-faces=true&width=450&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
את התוסף נתאים כעת לעמודים הדינמיים של הוורדפרס, ולא לעמוד סטטי אחד. ולכן, נשנה את החלק הבא בקוד:
http%3A%2F%2Facebook.com%2F
בקוד הזה:
<?php echo urlencode(get_permalink($post->ID)); ?>
זה אמור להיראות כך:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&layout=standard&show-faces=true&width=500&action=like&colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:500px; height:60px"></iframe>
את הקוד הבא נוסיף לעמוד ה single.php שלנו בוורדפרס. הדבר יוסיף לכל פוסט את הכפתור ויתאים את הלינק הדינמי לקוד אוטמטית. אפשר להוסיף כמובן גם ל- page.php על מנת שהכפתור יראה בעמודים ולא רק בפוסטים.
זהו, כעת יש לכם באתר כפתור לייק! אם נהנתם מפוסט זה, אתם מוזמנים ללחוץ like!
21 תגובות ל- “הוספת כפתור Like של הפייסבוק לאתר הוורדפרס שלך”
כתוב תגובה לעמוד זה
תגים
Ads
הירשם לעידכונים באימייל
תודה רבה על הפוסט. שילבתי באתר שלי את הכפתור.
תודה רבה
איך מצמידים את הכפתור לצד ימין?
כדי להצמיד לימין ולתרגם לעברית, מוסיפים locale ל-URL שבקוד:
src="http://www.facebook.com/plugins/like.php?href=&locale=he_IL"
איזה מלך המון תודה !
אתר פצצה יש לך פה
לא ברור לי תוספת התרגום לעברית.
איך הקוד אמור להיראות עם זה? אצלי זה לא עשה כלום, אז כנראה שאני מוסיף את זה לא נכון.
האם ניתן למחוק משתמשים מסוימים שעשו like כדי ששמם לא יופיע באתר שלי? (לדוגמא – אותי לאחר שבדקתי את הכפתור)
משתמשים אחרים – לא, אותך – כן.
כנס לפייסבוק שלך ובפרופיל שלך יהיה את השורה של מה שאהבת, תעשה "לא אוהב", או "הסר".
תודה על התשובה המהירה. עשיתי הסר בפייסבוק, והשורה נמחקה בפרופיל שלי, אך זה לא מתעדכן בוורדפרס והשם נישאר רשום. יש מה לעשות?
תנסה ללחוץ עוד פעם על הכפתור LIKE שבאתר, אצלי הוא מעלים אותי מהאתר אם אני מוחק בפייסבוק או לוחץ פעם שניה על הכפתור.
איזה כיף. זה עבד. תודה רבה!!
תודה! אבל לצערי כשניסיתי את הכפתור מתוך הפייסבוק זה לא הצליח לפתוח את העמוד של האתר, אלא הציג הודעת שגיאה 404…. מושג למה?
לא יודע למה זה קרה לך. אבל אני משער שהלינק שפייסבוק קיבל שגוי, תבדקי שהדבקת את הקוד בשלמותו ובמיוחד הקטע הנל:
href=< ?php echo urlencode(get_permalink($post->ID)); ?>כי זה הקוד שבו הפייסבוק מזהה את הפוסט, ואת הטייטל שלו. ויוצר את הלינק אליו.
בהצלחה !
<iframe src="http://www.facebook.com/plugins/like.php?href=ID)); ?>page%2Fto%2Flike&layout=standard&show_faces=false&width=450&action=like&colorscheme=dark&height=35" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:450px; height:35px;" allowTransparency="true">
ככה הקוד שלי נראה, זה עוזר לך להבין מה הבעיה?…
תודה!!!.
איך אצלכם הרקע הוא בצבע אפור כמו שהרקע של האתר ואצלי הוא לבן.
איך אני גם משנה?
תודה.
http://developers.facebook.com/docs/reference/plugins/like
כאן יש לך אפשרויות לסגנונות, צבעים וכו'
תקח את הקוד שתקבל ותמשיך עם המדריך כאן בפוסט הזה.
בהצלחה!
מישהו יכול להסביר איך משנים את הרקע של הכפתור כך שלא יהיה לבן אלא בצבע של רקע האתר?
תודה.
יש לך בעמוד התוספים של הפייסבוק בחירת צבעים וסגנונות. בהצלחה
תודה על התגובה המהירה אבל… לא מצאתי את האפשרויות האלה בעמוד התוספים….(חיפשתי לפני שכתבתי את השאלה…)
אפשר הנחיות ספציפיות יותר?
תודה!
בעמוד התוספים של פייסבוק, העמוד בו את מייצרת את הקוד הבססי- העמוד הזה:
http://developers.facebook.com/docs/reference/plugins/like
יש לך כמה אפשרויות , לדוגמא בחירת הפונט, תצורת הכפתור (אם יראה רק מספר לייקים וכו'
וגם צבע (Color Scheme), יש רק 2 אפשרויות, "בהיר" ו"כהה". זה מה שיש לבנתיים.. באתר זה מופעל העיצוב הככה, וכפי שאת רואה הוא מתאים את עצמו לצבע הרקע של האתר אוטומטית – משמע הוא לא צובע רקע, אלא רק עושה את הטקסט בצבע בהיר כדי שיראה טוב על הרקע האפור שחור.
אם האתר שלך בעל רקע כהה תבחרי בכהה והוא יתאים את עצמו לבד.
בהצלחה!!
אוקי, עכשיו זה ברור. רקע האתר שלי הוא מדבר פחות או יותר, אז אף אחת מהאופציות לא ממש מתאימה… תודה בכל מקרה.