כיצד להוסיף לחצני שיתוף

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

לצד הפוסט שלך בבלוג, יופיעו לחצני השיתוף.

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

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

הגדר את זה AddThis

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

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

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

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

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

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

לאחר הדבקת הקוד במיקום הרצוי, בחר שמור תבנית והצג את הבלוג שלך.

התאמה אישית של לחצני AddThis Share

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

קוד ברירת המחדל הוא כדלקמן:

 var addthis_config = {"data_track_clickback": true}; 

פונקציות כלליות

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

expr:addthis:title='data:post.title' חלק זה expr:addthis:title='data:post.title' חלק מהקוד מציג באופן אוטומטי את כותרת הפוסט שלך בכל מה שאתה משתף. כך, לדוגמה, אם תלחץ על הלחצן שתף ב- Twitter, הצ'אט יפורמט כדי להציג את כותרת הפוסט הנוכחי בבלוג. באופן דומה, החלק expr:addthis:url='data:post.url' מבטיח שכתובת האתר הקבועה של הפוסט הנוכחי בבלוג תצורף לתוכן המשותף שלך.

אז, אם הייתם בוחרים את האפשרות לשתף טוויטר, ציוץ שלך עבור ההודעה ייראה כך:

הפוך את הטכנולוגיה לקלה יותר http://t.co/nCLRCEE באמצעות @AddThis

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

לחצנים נוספים

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

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

 a class = 'addthis_button_tweet' tw: via = 'abhiroopbasuu' /> 

זה יציג את כפתור ציוץ כפתור " כמו " פייסבוק במקום כפתורי ברירת המחדל "המועדפת". בנוסף, החלק tw:via='abhiroopbasuu' מבטיח שכאשר מישהו משתף את הפוסטים שלי באמצעות Twitter, ההודעה מוצגת כמקורה בשם המשתמש שלי (במקום ב- @AddThis).

קוד סופי

קוד AddThis שלי, הכולל את ההגדרות מלמעלה, הוא כדלקמן:

 var addthis_config = {"data_track_clickback": true}; 

בבלוג שלי הוא מופיע כדלקמן:

סיכום

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