اسکریپت دکمه های اجتماعی. Pluso - دکمه های رسانه های اجتماعی. نحوه نصب و پیکربندی سریع قرار دادن نوار شناور Share42

احتمالاً سایتی در اینترنت باقی نمانده است که میزبانی نشده باشد دکمه های ارسالمطالب در شبکه های اجتماعی دومی برای مدت طولانی و محکم در زندگی ما جای گرفته است. ما در آنجا ارتباط برقرار می کنیم، با یکدیگر آشنا می شویم، تجارت را تبلیغ می کنیم، اخبار می خوانیم و غیره. طیف کاملی از. تعجب آور نیست که مدیران وب سایت ها به دنبال گسترش حضور در رسانه های اجتماعی سایت خود با هر وسیله ای هستند. از این گذشته، تعداد زیادی ترافیک بالقوه وجود دارد که مطلقاً همه به آن نیاز دارند. جریان بازدیدکنندگان پول، شهرت، رشد است. همه چیز در اطراف او ساخته شده است. قطعه شیرین

بدیهی است که دکمه های اجتماعی ضروری هستند. یک سوال دیگر - کدام را انتخاب کنیم؟ما برای شما تست کردیم TOP 5 خدمات مختلفبرای افزودن کد دکمه به سایت ها هدف شناسایی بهینه و نشان دادن آن با جزئیات است. بیایید با دور مقدماتی شروع کنیم.

انتخاب متقاضیان برای مقایسه پیش پا افتاده بود - ما گرفتیم محبوب ترین خدماتکه توسط هر فردی که به نوعی با موضوع ساخت وب سایت آشنایی داشته باشد شنیده است. به ندرت، محبوبیت پیدا می کند، فقط پیرمردهای با تجربه.

ترکیب تیم تایید شده به شرح زیر است:

در نتیجه آزمایش خدمات اجتماعی منتخب - uSocial رهبر است. اکنون می خواهید دلیل انتخاب ما را به دست آورید. البته بی اساس نخواهیم ماند.

بیاوریم برخی حقایق، که ما را به درستی تصمیم گرفته شده متقاعد کرد.

جمع آوری مجموعه ای از دکمه های اجتماعی. می تواند انتخاب کند نمایش دادهخدمات شبکه های اجتماعی، دکمه های شکل و استایل.

در اینجا همچنین می توانید دکمه "بالا" را فعال کنید، پشتیبانی از دستگاه های تلفن همراه را فعال کنید، سرویس های Viber، WhatsApp، Telegram، SMS را متصل کنید.

پس از نصب نوار اجتماعی از حساب شخصی uSocial خود، می توانید مشاهده کنید آمار لایک و بازنشربرای دوره انتخاب شده، هم برای همه شبکه های اجتماعی به طور همزمان و هم برای آنهایی که انتخاب شده اند. داده ها در قالب نمودارها یا نمودارهای واضح نمایش داده می شوند.

اگر متا تگ های اجتماعی به درستی پر شوند، پست ها توسط سرویس های اجتماعی به درستی درک می شوند، زیرا نشان دهنده نوع مطلب، عنوان مربوطه و لینک به تصویر مورد نظر هستند. همه اینها کارایی ارسال مجدد را افزایش می دهد: مطالب شما به درستی توسط خدمات اجتماعی نمایه می شود.

مثال ها کد نشانه گذاریبرای شبکه های اجتماعی محبوب (کد باید قبل از برچسب نوشته شود):

1. فیس بوکو در تماس بااز پروتکل Open Graph استفاده کنید:

3. برای توییترکد به شکل زیر است:

4. برای گوگل پلاسبنابراین:

- پیوند به نمایه +Google نویسنده
- نام سایت
- متن قطعه (حداکثر 40 کاراکتر)
- توضیحات سایت
- مسیر فایل تصویری

ابزاربرای کار با میکرو دیتا

طرفداران:

اکنون چندین راه برای اضافه کردن دکمه های شبکه اجتماعی به سایت وجود دارد، یک انتخاب وجود دارد و خوشحال می شود. دکمه های اجتماعی نقش مهمی در صفحه دارند، همانطور که بسیاری از قبل می دانند، با کمک آنها می توانید به سرعت هر ورودی را در یکی از شبکه های اجتماعی انتخاب شده بازنشر دهید. دکمه های اجتماعی برای سایت اکنون در هر کجا و هر کجا قرار می گیرند، اما گاهی اوقات در مکان نامناسبی قرار می گیرند.

بسیاری از مردم از قبل می دانند که شبکه های اجتماعی در حال حاضر چقدر توسعه یافته اند و چقدر عالی است که سایت شما چنین دکمه هایی داشته باشد که با آن می توانید پست مورد علاقه خود یا بخشی از یک پست را به دیوار خود اضافه کنید. با این عمل شما نه تنها پیام ها را کامنت می گذارید یا مجددا ارسال می کنید، بلکه یک سیگنال اضافی به موتورهای جستجو می دهید.

آرزوی هر صاحب سایت، اگر تمام پست های او توسط خوانندگان در صفحات خود در یکی از شبکه های اجتماعی بازنشر شود. اکنون بیش از همه تقاضا برای Vkontakte، فیس بوک، توییتر و Odnoklassniki وجود دارد. من همچنین LiveJournal، liveinternet و Blogger را اضافه می کنم. افزودن این دکمه ها به سایت برای راحتی کامل کاربر مطلوب است.

به خصوص توییتر امروز سزاوار توجه بیشتر و بیشتر است، به کمک آن انتشارات جدید شما سریعتر در فهرست موتورهای جستجو ظاهر می شوند.

اگر شما مالک سایت هستید، به احتمال زیاد باید یک حساب آنلاین یا LiveJournal داشته باشید. برای اینکه هر بار ورودی های جدیدی به این سرویس ها اضافه نشود، وجود دکمه های آن ها باعث صرفه جویی در زمان می شود. علاوه بر این، بسیاری از افراد از این خدمات استفاده می کنند و ممکن است بخواهند مدخل شما را در دفتر خاطرات خود مجدداً ارسال کنند.

چندین بهترین راه برای اضافه کردن سریع دکمه های اجتماعی به یک سایت وجود دارد. شما می توانید این کار را با کمک سرویس های آنلاین انجام دهید که به سرعت و به راحتی به این امر کمک می کند. یا مستقیماً از طریق هر شبکه اجتماعی به طور جداگانه. در اینجا، هر کسی انتخاب خود را دارد. من قبلاً دکمه‌هایی را جداگانه از طریق هر شبکه اجتماعی اضافه می‌کردم، اکنون با استفاده از سرویس آنها را نصب کردم.

چنین سرویس مشابهی وجود دارد که به آن share42 می گویند. مطالب زیادی در مورد او نوشته شده است که چقدر خوب است و چگونه می توان از آن استفاده کرد. خوب است، اما برای کاربر معمولی که چیزی در مورد آن نمی‌داند، رسیدگی به آن دشوار خواهد بود.

برای چنین شغل کوچکی، کپی کردن پوشه ها در هاست و سپس حمام کردن با استایل ها، اکنون دیگر درایو نیست. گزینه های دیگری نیز وجود دارد که در آنها باید کدی که از قبل به پایان رسیده را بدون پوشه اضافی کپی و جایگذاری کنید. پس این سرویس را فراموش کنید.

فقط ابتدایی ترین دکمه های رسانه های اجتماعی را اضافه کنید که اکثریت از آنها استفاده می کنند، ده ها دکمه فراموش شده غیر ضروری را مجسمه سازی نکنید.

آنچه امروز می توانید برای اضافه کردن دکمه های اجتماعی به سایت استفاده کنید:

احتمالاً نیازی به مداخله در جای دیگری ندارید، نمی توانید راه های بهتری پیدا کنید. هر کدام از این گزینه ها در نوع خود خوب هستند. اگر راه راحت یا جذاب تری سراغ دارید لطفا در نظرات بنویسید.

دکمه های شبکه های اجتماعی باید در انتهای هر مقاله درج شود تا پس از مطالعه، بازدیدکننده سایت بتواند به صورت اختیاری مطلب شما را مجددا ارسال کند. او نباید در جایی در انتهای صفحه به دنبال آنها بگردد. به نظر من بهینه ترین مکان هایی که چنین دکمه هایی باید قرار بگیرند در نوار کناری و بلافاصله در انتهای هر ورودی است.

در حال حاضر من خودم از این سرویس استفاده می کنم، آن را دوست داشتم. علاوه بر راحتی، سرویس uptolike دارای امتیازات متعددی نسبت به سایر خدمات در نوع خود است.

• انتخاب گسترده در میان دکمه های رسانه های اجتماعی؛
• دکمه های سازگار برای دستگاه های تلفن همراه؛
• امکان نقل قول هر قسمت از متن در شبکه اجتماعی؛
• می توانید یک دکمه به بالا اضافه کنید.
• امکان اضافه کردن یک پنجره پاپ آپ برای اشتراک در گروه Vkontakte.
• انتخاب اندازه آیکون ها؛
• انتخاب سبک آیکون ها برای سایت؛
• افکت شناور اضافه کنید.
• تغییر پس زمینه دکمه، رنگ متن، پس زمینه شمارنده.
• متن را در پیشخوان کم یا زیاد کنید.

امتیازات نسبت به سایر خدمات از این قبیل برای استفاده از آن کافی است. در این حالت فقط یک کد کوچک به صورت یک اسکریپت و چند خط با استایل اضافه می شود. در عین حال هیچ لینک اضافی وجود ندارد، من آن را از طریق سرویس لینک های خروجی بررسی کردم. اگر اشتباه می کنم می توانید اصلاح کنید.

غیر از این، سرویس uptolike چه کارهای دیگری می تواند انجام دهد.

مهمترین تنظیمات انتخاب کنید کدام دکمه های اجتماعی برای سایتی که می خواهید ببینید. در صورت لزوم، می توانید لیست را باز کنید و چند مورد دیگر را از اکثریت انتخاب کنید. کادر مربوط به پشتیبانی را علامت بزنید. پس از آن، در تلفن های همراه، دکمه های شبکه اجتماعی همیشه در پایین صفحه نمایش داده می شوند.

موقعیت افقی دکمه ها، اندازه و سبک را انتخاب کنید. همانطور که دوست دارید تزئین کنید و یک افکت شناور اضافه کنید. هیچ کاری بیشتر لازم نیست انجام شود. برای ایجاد کد پیشخوان، باید آدرس وب سایت و صندوق پستی را مشخص کنید. بلافاصله پس از آن کدی برای درج دکمه های اجتماعی در سایت ظاهر می شود.

اگر یک سایت وردپرسی دارید، فایل single.php را باز کنید و کد تمام شده را درست بعد از پایان محتوای صفحه پیست کنید. صفحه را رفرش کنید و ببینید چه اتفاقی می افتد. هیچ چیز سختی وجود ندارد.

نمادهای خدمات مورد نظر را انتخاب کنید. توییتر فقط به شکل آیکون و بدون شمارنده است. ظاهر بلوک ها را انتخاب می کنیم و در زیر یک کد آماده برای درج وجود دارد. همانطور که قبلا ذکر شد، Yandex چیز دیگری اضافه نمی کند، همه چیز متواضع و خوش سلیقه است.

در این روش باید هر شبکه اجتماعی را جداگانه باز کنید و هر دکمه repost را جداگانه پیکربندی کنید. برای افزودن دکمه فیس بوک، به اینجا بروید. برای همکلاسی ها و دنیای من، باید داده ها را اضافه کنید. برای توییتر، همه چیز در . برای اضافه کردن دکمه Vkontakte، به این صفحه.

شما فقط از شبکه های اجتماعی کد آماده و بدون هیچ اسکریپت اضافی خواهید داشت. احتمالاً بهترین راه برای افزودن دکمه های رسانه های اجتماعی به یک وب سایت است. مشکل از این واقعیت ناشی می شود که باید هر دکمه را جداگانه برش دهید، سپس همه چیز را در یک مکان بچسبانید و از سبک های css برای تراز کردن آن در یک ستون استفاده کنید. اگر در این مورد مشکلی ندارید، می توانید امتحان کنید.

برای افزودن یک دکمه Vkontakte، روی اتصال سایت‌ها و ابزارک‌ها کلیک کنید، در زیر لیست کاملی از تمام موارد اضافه ممکن وجود دارد. همچنین امکان افزودن نظرات به صفحه، نوشتن روی دیوار، افزودن گروه خود، توصیه ها، نظرسنجی ها، اشتراک در نویسنده و انتشار لینک وجود دارد. در مورد ما، انتشار پیوندها را انتخاب کنید.

هیچ چیز پیچیده ای نیست، سبک دکمه را انتخاب می کنیم (با یا بدون شمارنده)، متن را روی دکمه، گزینه لوگو می نویسیم و در پایین یک کد جاسازی آماده وجود دارد. من خودم از این روش دستی اضافه کردن استفاده کردم، اما در حال حاضر یک سرویس شخص ثالث را امتحان می کنم. بذار ببینیم چه اتفاقی میافتد. اگر مناسب من نیست، بلافاصله به روش دستی برمی گردم.

یکی دیگر از راه های افزودن دکمه برای سایت، استفاده از سرویس پلاسو است. این سرویس نیز بد نیست، بسیاری از دکمه های آن متوجه شدند. انتخاب گزینه های طراحی بزرگ است، علاوه بر آماتور، اندازه های بزرگ تصویر نیز وجود دارد. قابلیت افزودن شبکه به هیچ وجه در مقایسه با سایر سرویس های مشابه کمتر نیست. نصب به هیچ فایلی نیاز ندارد، فقط به کد نیاز دارد.

هر سبک طراحی را انتخاب کنید و خدمات لازم را اضافه کنید. کمی پایین تر، یک مثال آماده از نحوه نمایش همه اینها در صفحه نشان داده می شود. آیکون ها را می توان روی بزرگ، متوسط ​​یا کوچک تنظیم کرد. همچنین آیکون های مربعی برای سایت یا گرد، در یک خط یا در دو خط، افقی یا عمودی. با یا بدون شمارنده، بدون پس‌زمینه، یا پس‌زمینه را متناسب با طراحی وب‌سایت خود تنظیم کنید.

پس از تمام این مراحل، در زیر یک کد آماده برای درج در صفحه وجود دارد. اگر نیاز به درج در صفحه اصلی دارید، ما در حال بررسی فایل index.php هستیم، اگر در تمام پست های شما، بلافاصله پس از پایان پست، کد را به فایل single.php اضافه می کنیم.

اگر چیزی در این کد متوجه نمی‌شوید، آنچه باید در کجا و چگونه کار می‌کند کپی شود، راهی برای خروج وجود دارد. اگر موتور وردپرس دارید، می‌توانید افزونه‌ای را نصب کنید که دکمه‌های رسانه‌های اجتماعی را در اختیار شما قرار می‌دهد. امروزه فقط تعداد زیادی از این پلاگین ها وجود دارد. به پنل مدیریت - افزونه ها بروید. می توانید بلافاصله در جستجوی افزونه ها "دکمه های اجتماعی"، "اجتماعی" یا "VKontakte" بنویسید. مطمئنم یه چیزی پیدا میکنی

در میان اکثر پلاگین‌های مشابه برای وردپرس، با نگاهی به رتبه‌بندی، اینها بیشترین کاربرد را دارند:

در واقع، تعداد زیادی از این پلاگین ها وجود دارد، شما باید نصب کنید و مرتب کنید که کدام یک را بیشتر دوست دارید، به درستی کار می کند، چه چیزی را نشان می دهد و چگونه می توانید آن را برای خود شخصی سازی کنید. بیایید به مثال اولین پلاگین مشابه Social Share Buttons برای وردپرس نگاه کنیم.

خود افزونه به زبان روسی است، هیچ مشکلی در این مورد وجود نخواهد داشت. پس از نصب، یک دکمه جدید "Share Buttons" در منوی سمت چپ ظاهر می شود. در تنظیمات اصلی لوگوی سایت را قرار می دهیم و متن را جلوی دکمه های اجتماعی می نویسیم.

مطمئن شوید که تولید متا دیتا را روشن کنید، عنوان و توضیحات صفحه درج خواهد شد. دکمه ها را به صورت افقی تراز کنید و انتخاب کنید که کجا باشند. ما فقط در پست ها انتخاب می کنیم. به صورت اختیاری، می توانید صفحات لازم را حذف کنید. در پایین، شما باید نام مستعار را در tritter مشخص کنید.

در تب بعدی، تنظیمات اشتراک گذاری، سبک دکمه ها را انتخاب کنید. در زیر می‌توانید شبکه‌های اجتماعی غیرضروری را روشن یا خاموش کنید و برای کل بلوک بالا یا پایین تورفتگی اضافه کنید. شما نیازی به قرار دادن کد اضافی در جایی ندارید، افزونه همه کارها را برای شما انجام می دهد.

انتخاب با شماست که از کدام روش استفاده کنید. آیکون های رسانه های اجتماعی را از طریق uptolike، Pluso یا از طریق Yandex اضافه کنید. شما نباید بلافاصله افزونه را در وردپرس نصب کنید، سعی کنید همه چیز را به صورت دستی یا با کمک یک سرویس انجام دهید.

اگر سرویس خوب دیگری یا راهی برای افزودن دکمه های اجتماعی برای سایت می شناسید، ممنون می شوم که نظر بدهید.

در این آموزش کوتاه دکمه های ساده و سفارشی برای اشتراک گذاری در شبکه های اجتماعی ایجاد می کنیم.

گزینه ای که من پیشنهاد می کنم خالی از این کاستی ها است - همه فایل ها روی سرور شما خواهند بود (یعنی همراه با سایت قرار می گیرند)، بدون اینکه چیزی از بیرون بارگذاری شود، و علاوه بر این، بسیار خوب سفارشی شده است. علاوه بر این، ما یک به علاوه کوچک خواهیم داشت - معمولاً سه مورد بزرگ در دکمه های اجتماعی (VKontakte، فیس بوک و توییتر) گنجانده می شوند. در مورد ما، Mail.Ru، Odnoklassniki و Telegram در کلیپ حضور دارند تا کسی سایت ما را بدون اشتراک گذاری ترک نکند.

تنها عیب قابل توجه: تعداد فشار دادن دکمه ها محاسبه نخواهد شد. ما از سادگی و انعطاف پذیری فراتر می رویم.

برای اولین بار، سوال دکمه های شبکه اجتماعی خودم در زمانی برای من پیش آمد که اشتراک گذاری اجتماعی برای یک صفحه در سایت بسیار ضروری بود، اما همه منابع با طراحی مطابقت نداشتند. و نه فقط من - ایده دکمه های سفارشی بسیار جدید نیست. جالب ترین راه حل، به نظر من، توسط من در Habré کشف شد و پس از جستجوی کوتاه آن را به GitHub آوردم. من منطق چنین دکمه‌های اشتراک‌گذاری را پایه‌ای گرفتم و خلاقانه آنها را نهایی کردم.

راه حل به سادگی یک چکمه نمدی است - پیوندهایی برای شبکه های اجتماعی ساخته شده است که در آن پارامترهایی که برای آنها قابل درک است منتقل می شود. زیرا از تگ استفاده می کند ، پس می توانید تقریباً هر چیزی را در آن بپیچید - دامنه سفارشی سازی (به خاطر آن همه اینها انجام می شود) بسیار زیاد است.

در تماس با فیس بوک Mail.Ru همکلاسی ها توییترتلگرام

آماده. کد از قبل کار می کند و می توان از آن استفاده کرد - وقتی روی پیوند کلیک می کنید، یک برگه شبکه اجتماعی جدید باز می شود. و حالا بیایید آن را طوری بسازیم که برگه تولید نکند، بلکه یک پنجره کوچک در بالای مرورگر باز کند. درست در زیر، کد زیر را اضافه کنید:

تابع setOnclick(a) (a.setAttribute("onclick","popupWin = window.open(this.href,"contacts","toolbar=0,status=0,width=626,height=436"); popupWin. focus(); return false"); ) function externalLinks() ( var links = document.getElementsByTagName("a"); for (i=0; i