ویجت های شبکه های اجتماعی نمادهای اجتماعی ویجت برای گروه ها، صفحات و جوامع

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

2. راه آساندریافت لینک به سایت - QIP.RU
دکمه ای را در سایت قرار دهید و به بازدیدکنندگان این فرصت را بدهید که مطالب سایت مورد علاقه خود را به نشانک ها، وبلاگ ها و شبکه های اجتماعی اضافه کنند. سه مرحله: محل قرار دادن دکمه (وب سایت، بلاگر یا وردپرس)، سبک دکمه ها (گزینه های آماده) و دریافت دکمه.

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

4. خدمات فعالیت اجتماعی - UpToLike
دکمه های رسانه های اجتماعی سفارشی با قابلیت تنظیم رنگ، شکل، اندازه و جلوه های ویژه. ویژگی‌های اضافی عبارتند از ویجت اشتراک‌گذاری تصویر PicShare، عملکرد «نقل قول» و عملکرد سفارشی‌شده «دنبال کردن».

5. یک دکمه! - برای همه خدمات نشانک گذاری و شبکه های اجتماعی
یک دکمه مشاهده را انتخاب کنید. جایی که دکمه نصب خواهد شد: وب سایت، بلاگر یا وردپرس. یک دکمه اضافه کنید.

1. دکمه های اجتماعی زیبا برای سایت - goodshare.js
نمایش دکمه ها در تقریبا هر دستگاه. کد پاک مستندات مختصر سئو دوستانه

2. اسکریپت برای نشانه گذاری اجتماعی و دکمه های شبکه - Share42
اندازه را انتخاب کنید و نمادهای خدماتی را که می خواهید در سایت استفاده کنید علامت بزنید. گزینه های مورد نظر خود را انتخاب کنید. ببینید چگونه به نظر می رسد و/یا دانلود می شود اسکریپت آماده. اسکریپت را روی یک وب سایت وردپرس، دروپال و غیره نصب کنید.

3. دکمه های زیبای "لایک" برای شبکه های اجتماعی با استفاده از جی کوئری - لایک های اجتماعی
اسکریپت برای دکمه های "پسندیدن" با شمارنده در سبک یکنواختبرای شبکه های اجتماعی: Facebook، Twitter، VKontakte، Odnoklassniki، My World، Google+ و Pinterest.

1. دکمه های اشتراک گذاری - AddThis
دکمه های اشتراک گذاری به شما کمک می کند تا با جذب بازدیدکنندگان از منابع دیگر و شبکه های اجتماعی از طریق محتوای توزیع شده، مخاطبان سایت خود را افزایش دهید.

4. اشتراک گذاری اجتماعی - Po.st
با اشتراک گذاری در شبکه های اجتماعی از مزایای بیشتری بهره مند شوید. این سرویس روند اشتراک گذاری در شبکه های اجتماعی را برای بازدیدکنندگان تسهیل می کند که افزایش خواهد یافت ترافیک ارگانیکسایت

5. دکمه های اشتراک گذاری برای هر وب سایت - AddToAny
کد دکمه های رسانه های اجتماعی را برای هر وب سایتی دریافت کنید. نوع و سبک دکمه ها را انتخاب کنید، ایمیل و سایر گزینه ها را مشخص کنید، یا یکی از پلتفرم ها را انتخاب کنید: WordPress، Drupal، Tumblr، Joomla، Elgg، WordPress.com، Blogger، TypePad یا FeedFlare. کد دکمه را دریافت کنید.

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

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

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

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

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

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

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

در اینجا می توانید دکمه "بالا" را فعال کنید، پشتیبانی را فعال کنید دستگاه های تلفن همراه، سرویس های وایبر، واتس اپ، تلگرام، پیامک را متصل کنید.

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

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

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

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

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

4. برای +Googleبنابراین:

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

ابزاربرای کار با نشانه گذاری میکرو

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

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

به طور کلاسیک، همه از الگوهای دو ستونی (فیلد و نوار کناری با سمت راست). من فکر می کنم افزایش تعداد ستون ها کاملاً صحیح نیست، زیرا به شدت فضا را به هم می زند و بر عوامل رفتاری بازدیدکنندگان تأثیر منفی می گذارد.

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

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

این خدمات رایگان، به لطف آن امکان صرفه جویی قابل توجهی در فضا در نوار کناری پروژه ما وجود دارد. می خواهم توجه داشته باشم که این سرویس امکان قرار دادن ویجت را نه تنها در آن امکان پذیر می کند موتور وردپرس، بلکه در سایت های دست نویس با درج کد html. همه ویجت ها اینگونه هستند شبکه های محبوبمانند:، فیس بوک، گوگل پلاس، یوتیوب و توییتر - در یک ویجت در قالب برگه ها پیاده سازی شده است. از نظر بصری به این شکل است:

بیایید شروع به آشنایی کنیم. سرویس ویجت واقع شده است.

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

بگذریم رویه استانداردثبت نام بریم سرویس روی – ابزارک های من (نقطه 1) و سپس – ایجاد یک ویجت جدید (نقطه 2) کلیک کنید. فیلد را با نام آن پر می کنیم و آدرس وب سایت خود را وارد می کنیم (نقطه 3). ذخیره (نقطه 4).

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

بیایید مستقیماً به خود شبکه های اجتماعی برویم. می توانید از فلش ها برای تنظیم ترتیب قرار گرفتن برگه ها استفاده کنید (نقطه 4). بر روی دکمه قرمز رنگ کلیک کنید تا به راه اندازی خود شبکه های اجتماعی ادامه دهید (نقطه 5). شما می توانید انتخاب کنید که کدام یک از آنها در نمایش شرکت کنند (وجود دارد موقعیت های مختلف- مشکلات با حساب گوگلیا صفحه VKontakte منجمد شده است).

تیک می زنیم که از افزونه ای برای وردپرس استفاده خواهیم کرد (نقطه 1). کادر «فعال کردن تغییر خودکار برگه‌ها» را علامت بزنید و زمان نمایش آن‌ها (بعد از چند ثانیه طول می‌کشد تا به تب بعدی برگردید) را تنظیم کنید (نقطه 2). سپس جالب ترین بخش، زیرا این اطلاعات چندان واضح نیست. در ویجت می توانید گروه ها و جوامع را از شبکه های اجتماعی و نه صفحات شخصی قرار دهید.

این فیلدها را پر کنید (نقطه 3). با کلیک بر روی دکمه Preview (مرحله 4) نصب صحیح را بررسی می کنیم. برای دیدن شناسه یک گروه VKontakte، وارد آن شوید، ماوس خود را به شرکت کنندگان ببرید، سپسکلیک راست کنید

تنظیم شناسه ویجت برای توییتر.

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

. شناسه را بردارید و در فرم قرار دهید.

برای مشاهده شناسه در +Google، وارد شوید، به نمایه بروید و اعداد را در نوار آدرس مشاهده کنید. آنها باید در فیلد در فرم درج شوند.

برای فیس بوک (مهم!)، ما نه پیوند پروفایل، نه پیوند گروه، بلکه پیوند صفحه را کپی می کنیم.

صفحه فیس بوک من به این شکل است:

همه فرم پر شده است. روی Generate code کلیک کنید. این کدی است که ما داریم. بیایید آن را کپی کنیم. اکنون 2 گزینه برای نصب آن در سایت داریم.

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

ظاهر

– ابزارک ها (نقاط 1-2). ویجت Text را به نوار کناری بکشید و کد زیر را برای نمایش ویجت شبکه اجتماعی در آن قرار دهید:

آماده است. ما نتایج زحمات خود را تحسین می کنیم و از آن لذت می بریم.

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

کد تولید شده من

ویجت نوار کناری را با خروجی همانطور که هست گذاشتم. شما می توانید نتیجه را در اینجا در وبلاگ در سمت راست مشاهده کنید. کاملاً خوب ساخته شده است و یک مزیت بزرگ دارد - فضای ما را ذخیره می کند.

در نهایت، یک ویدیو در مورد این سرویس تماشا کنید:

زمان مطالعه: 3 دقیقه

تاریخ انتشار 1395/08/26 سلام! در ادامه به بررسی جالب ترین و کاربردی ترین افزونه ها برای سایت وردپرس می پردازیم. امروز یاد خواهید گرفت که چگونه به راحتی ویجت آیکون اجتماعی را به وب سایت خود اضافه کنید. با استفاده از این ویجت، می‌توانید نه تنها آیکون‌های اجتماعی را به سایت خود اضافه کنید، بلکه آیکون‌های مختلفی را نیز در هر سایت و صفحه‌ای به سادگی اضافه کنید. در تنظیمات ویجت، بیش از 400 نماد مختلف برای انتخاب خواهید داشت. شما می توانید هر نمادی را در هر کدام قرار دهیدآدرس URL

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

می توانید افزونه Social Icons Widget by WPZOOM را مستقیماً از پنل مدیریت وردپرس نصب کنید. به صفحه بروید: Plugins – افزودن جدید، نام افزونه را در فرم جستجو وارد کنید، Enter را فشار دهید، افزونه را نصب و فعال کنید.

– عنوان، می توانید عنوانی برای ویجت تعیین کنید.

– توضیحات، می توانید برای ویجت توضیحاتی را مشخص کنید.

- برچسب‌های نماد را نشان دهید، کادر اینجا را علامت بزنید تا توضیحی به نمادها اضافه کنید.

– پیوندها را در برگه جدید باز کنید، کادر اینجا را علامت بزنید تا پیوندها در یک پنجره جدید باز شوند.

- سبک آیکون، دو سبک برای آیکون ها، با و بدون پس زمینه وجود دارد.

– Icon Background Style، در اینجا می توانید سبک پس زمینه آیکون ها، پس زمینه با گوشه های گرد، پس زمینه گرد و پس زمینه مربع را انتخاب کنید.

– Icon Padding (پیکسل)، در اینجا می توانید اندازه آیکون padding را مشخص کنید.

– اندازه آیکون (پیکسل)، در اینجا می توانید اندازه آیکون ها را تعیین کنید.

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

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

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