Насърчаването на споделянето в социалните мрежи сред вашите клиенти и фенове може да бъде чудесен начин за разширяване на онлайн обхвата ви. Но никой няма да споделя съдържанието ви, ако това е трудна задача.

Забравете да карате хората да копират и поставят връзки. С помощта на няколко прости кода можете да добавите бутони за социални медии, които позволяват на потребителите да споделят съдържанието ви в мрежата само с няколко кликвания.

Съдържание

Видове бутони за социални медии

Бутони за социални медии за Facebook

Бутони за социални медии за Instagram

Бутони за социални медии за LinkedIn

Бутони за социални медии за Twitter

Бутони за социални медии за YouTube

Бутони за социални медии за Pinterest

Бутони за социални медии за SMMExpert

Видове бутони за социални медии

Най-разпространените видове бутони за социални медии предлагат функции за споделяне, харесване и следване. Всеки от тях има различна цел и начините им на работа се различават донякъде в различните мрежи. Но като цяло всеки вид изпълнява това, което подсказва името му:

• Бутони за споделяне позволявате на потребителите да споделят съдържанието ви с приятели и последователи.
• Бутони за харесване да дадат на съдържанието ви виртуален палец нагоре.
• Бутони за следване ще ги абонира за вашите актуализации в посочената социална мрежа.

Всички бутони за социални медии в тази публикация са активни, така че можете да взаимодействате с тях, за да видите как точно работят. Създадохме ги, като използвахме инструментите, описани за всяка социална мрежа по-долу.

Бутони за социални медии за Facebook

Facebook предлага няколко бутона за социални медии: споделяне, следване, харесване, запазване и изпращане.

Бутон за споделяне във Facebook

Как работи

Не е изненадващо, че добавянето на бутон за споделяне във Facebook към уебсайта ви позволява на посетителите да споделят съдържанието ви със своите приятели и последователи във Facebook. Те могат да изберат да споделят съдържанието ви на своята хронологична линия, в група или дори в лично съобщение чрез Facebook Messenger. Потребителите могат също така да добавят собствено персонализирано съобщение към споделеното съдържание, преди да го публикуват.

Как да добавите бутон за споделяне във Facebook

Използвайте конфигуратора на бутона за споделяне на Facebook, за да създадете код на бутона за споделяне, който можете да поставите в HTML кода на уебсайта си.

Опции за бутон за споделяне във Facebook

Когато включите бутон за споделяне във Facebook на сайта си, можете да изберете дали да показвате броя на споделянията на страницата (както направихме в бутона по-горе). Ако страницата ви получава много споделяния в социалните мрежи, този брой може да бъде чудесно социално доказателство за стойността на съдържанието ви.

Бутон за следване на Facebook

Как работи

Бутонът "Следвай" позволява на потребителите да се абонират за публичните актуализации от съответната страница във Facebook.

Как да добавите бутон за следване във Facebook

Използвайте интерфейса на бутона за следване на Facebook, за да създадете код, който можете да копирате и поставите в HTML.

Опции на бутона за следване във Facebook

Можете да изберете да покажете броя на хората, които вече следват страницата ви, като изберете опциите "брой полета" или "брой бутони". За персонализирано социално доказателство можете да изберете да покажете на посетителите кои от техните съществуващи приятели във Facebook вече следват страницата ви и дори да покажете лицата на тези последователи, като изберете опцията "стандартно" и щракнете върху полето "Покажи лица".

Бутон "Харесвам" във Facebook

Как работи

Натискането на бутона "Харесвам" на вашия уебсайт има същия ефект, както натискането на "Харесвам" на някоя от публикациите ви във Facebook. Харесаното съдържание се показва в хронологията на потребителя във Facebook и може да се появи в новинарските емисии на неговите приятели.

Как да добавите бутон Like във Facebook

Отидете в конфигуратора на бутона Like на Facebook, за да създадете кода, който да копирате и поставите в HTML.

Опции за бутона "Харесвам" във Facebook

Както и при другите бутони на Facebook, можете да изберете да показвате броя на случаите, в които страницата вече е била харесана. Можете също така да предоставите персонализиран бутон, показващ кои от приятелите на зрителя във Facebook вече са харесали страницата.

Една допълнителна интересна опция е, че можете да изберете бутонът да се казва "Препоръчай" вместо "Харесвам".

Бутон "Запази във Facebook

Как работи

Бутонът Save to Facebook (Запазване във Facebook) работи точно както опцията Save (Запазване) в публикациите във Facebook. Той запазва връзката в личния списък на потребителя, така че той да може да се върне към нея по-късно - по същество това е запаметяване във Facebook и улеснява споделянето ѝ по-късно.

Как да добавите бутон Save to Facebook

Използвайте конфигуратора на бутона за запазване на Facebook, за да създадете кода, който да поставите в HTML.

Бутон за изпращане в Facebook

Как работи

Бутонът за изпращане във Facebook позволява на потребителите да изпращат съдържание от вашия уебсайт директно на приятелите си чрез лично съобщение във Facebook Messenger - форма на споделяне в тъмните социални мрежи.

Как да добавите бутон за изпращане във Facebook

Досещате се, че е така - Facebook разполага с конфигуратор на бутона за изпращане, който ви предоставя кода, който трябва да поставите във вашия HTML.

Бутони за социални медии за Instagram

Instagram не предлага бутони за споделяне или харесване - което е логично, тъй като естеството на Instagram като мобилна платформа за споделяне на снимки и видео означава, че тя не е много подходяща за харесване и споделяне на уеб съдържание.

Вместо това Instagram предлагаше значки, които можехте да използвате, за да изпращате хора от уебсайта си директно към канала си в Instagram, но тези значки вече не са налични. Промените в API на Instagram също така затрудниха доставчиците на трети страни да създават функционални бутони и значки за Instagram.

Това означава, че разполагате с много малко възможности за бутони за споделяне в социалните мрежи за Instagram. Но има едно решение и то е много просто: вградете публикация в Instagram.

В допълнение към снимката вградената публикация включва активен бутон за следване, който позволява на потребителите да следват профила ви, без да напускат уебсайта ви. Можете дори да публикувате снимка в Instagram, която ще използвате специално за тази цел - някакъв вид вечнозелена публикация, която подчертава стойността на профила ви в Instagram.

Публикация, споделена от SMMExpert (@hootsuite)

Или можете да създадете публикация в Instagram, която е пряко свързана със съдържанието на определена страница. Очевидно няма да искате да правите това на всичките си уеб страници, но вграждането на подходяща снимка от Instagram може да бъде чудесна възможност в публикации в блогове.

Как да вградите публикация в Instagram с бутон за следване

1. Навигирайте до конкретната публикация, която искате да вградите, или отидете в профила си в Instagram и превъртете назад, за да намерите подходящ избор.
2. Кликнете върху публикацията
3. Кликнете върху бутона за повече ( ... ) в долния десен ъгъл
4. Изберете Вграждане
5. Изберете дали искате да включите надписа, след което щракнете върху Копиране на кода за вграждане
6. Публикувайте кода във вашия HTML

Бутони за социални медии за LinkedIn

LinkedIn предлага персонализиран код на JavaScript за бутоните за споделяне и за следване.

Бутон за споделяне в LinkedIn

Как работи

Бутонът за споделяне в LinkedIn съчетава функциите на бутоните за споделяне и изпращане във Facebook. Той позволява на потребителите да споделят вашето съдържание в LinkedIn по няколко начина - в публичния си профил, с контактите си, в група или в съобщение до едно или повече лица. Щракването върху бутона отваря изскачащ прозорец, който предоставя възможност за добавяне на лично съобщение към публикацията, както и опции за споделяне.

Как да добавите бутон за споделяне в LinkedIn

Отидете на генератора на приставки за споделяне в LinkedIn, за да създадете код на JavaScript, който можете да поставите в своя HTML.

Опции за бутон за споделяне в LinkedIn

Можете да изберете дали да показвате броя на споделянията на съдържанието ви в LinkedIn.

Бутон за следване в LinkedIn

Как работи

Кликването върху бутона за следване в LinkedIn позволява на потребителите да следват компанията ви в LinkedIn, без да напускат уебсайта ви.

Как да добавите бутон за следване в LinkedIn

Използвайте генератора на приставки за следване на компании в LinkedIn, за да създадете код, който да поставите в HTML.

Опции на бутона за следване в LinkedIn

Както и при бутона за споделяне в LinkedIn, можете да изберете да покажете броя на хората, които вече следват компанията ви в LinkedIn, като част от бутона за следване.

Но има и по-интересна опция, която може да се проучи. Плъгинът за профил на компанията функционира по същия начин като обикновения бутон за следване, но предоставя повече информация за вашата компания с простото задържане на мишката. За да го изпробвате, опитайте да задържите мишката върху бутона по-долу.

Можете да създадете свой собствен с помощта на генератора на приставки за фирмени профили в LinkedIn.

Бутони за социални медии за Twitter

В допълнение към стандартните бутони за споделяне и следване Twitter предлага бутони за туитване с определен хаштаг или за @споменаване на някого с едно щракване на мишката. Има и бутон, който позволява на някого да ви изпрати лично съобщение в Twitter.

Бутон за споделяне в Twitter

Как работи

Когато потребителят щракне върху бутона Tweet, се отваря изскачащ прозорец с Tweet, съдържащ заглавието на страницата и нейния URL адрес - или можете да зададете потребителски URL адрес. Потребителският URL адрес ви позволява да включите UTM параметри, за да проследите колко трафик получавате от вашия бутон за споделяне в Twitter. Потребителят може да добави още текст, ако желае, преди да изпрати Tweet.

Как да добавите бутон за споделяне в Twitter

1. Отидете на publish.twitter.com, превъртете надолу и щракнете върху Бутони за Twitter
2. Кликнете върху Бутон за споделяне
3. Над полето за код щракнете върху задаване на опции за персонализиране
4. Въведете предпочитанията си за опциите на Tweet и размера на бутона, след което щракнете върху Актуализация
5. Копирайте и поставете предоставения код във вашия HTML

Опции за бутон за споделяне в Twitter

С помощта на опциите за персонализиране можете да изберете да включите хаштаг и потребителско име "чрез", което гарантира, че ще получите признание за източника на вашето страхотно съдържание. Можете също така да изберете предварително попълване на някои текстове.

Бутон за следване в Twitter

Как работи

Бутонът за следване в Twitter не е толкова ефективен, колкото бутонът за следване във Facebook, тъй като изисква две кликвания от страна на потребителите. Щракването върху бутона отваря изскачащ прозорец с предварителен преглед на вашия профил в Twitter. Потребителят трябва да щракне отново върху бутона за следване в този изскачащ прозорец, за да завърши процеса.

Как да добавите бутон за следване в Twitter

1. Отидете на publish.twitter.com, превъртете надолу и щракнете върху Бутони за Twitter
2. Кликнете върху Бутон за следване
3. Въведете потребителския си номер в Twitter, включително символа @ (напр. @SMMExpert)
4. Кликнете върху Преглед
5. Над полето за код щракнете върху задаване на опции за персонализиране
6. Въведете предпочитанията си за опциите на Tweet и размера на бутона, след което щракнете върху Актуализация
7. Копирайте и поставете предоставения код във вашия HTML

Опции на бутона за следване в Twitter

Можете да изберете дали да показвате или скривате потребителското си име върху бутона и дали искате бутонът да бъде малък или голям. Можете също така да изберете езика, на който да се показва бутонът.

Бутон за споменаване в Twitter

Как работи

Когато някой кликне върху бутона за споменаване в Twitter на вашия уебсайт, се появява изскачащ прозорец с празен туит, започващ с @-споменаване на вашето потребителско име. Това може да бъде чудесен начин да накарате читателите да се ангажират с вашия екип в Twitter или да насърчите запитванията за обслужване на клиенти чрез мрежата.

Как да добавите бутон за споменаване в Twitter

1. Отидете на publish.twitter.com, превъртете надолу и щракнете върху Бутони за Twitter
2. Кликнете върху Бутон за споменаване
3. Въведете потребителския си номер в Twitter, включително символа @ (напр. @SMMExpert)
4. Кликнете върху Преглед
5. Над полето за код щракнете върху задаване на опции за персонализиране
6. Въведете предпочитанията си за опциите на Tweet и размера на бутона, след което щракнете върху Актуализация
7. Копирайте и поставете предоставения код във вашия HTML

Опции на бутона за споменаване в Twitter

Можете да изберете предварително попълване на част от текста в Tweet, което може да бъде добра идея, ако използвате бутона на страница за обслужване на клиенти. Можете също така да изберете дали искате бутонът да бъде голям или малък, както и езика, на който да се показва текстът на бутона.

Бутон за хаштаг в Twitter

Как работи

Когато някой кликне върху бутон за хаштаг в Twitter на вашия уебсайт, се отваря изскачащ прозорец с туит, попълнен с избрания хаштаг. Това е чудесен начин да насърчите хората да споделят съдържание с вашия брандиран хаштаг или да ги мотивирате да участват в чат в Twitter.

Как да добавите бутон за хаштаг в Twitter

1. Отидете на publish.twitter.com, превъртете надолу и щракнете върху Бутони за Twitter
2. Кликнете върху Бутон за хаштаг
3. Въведете избрания от вас хаштаг, включително символа # (напр. #HootChat)
4. Кликнете върху Преглед
5. Над полето за код щракнете върху задаване на опции за персонализиране
6. Въведете предпочитанията си за опциите на Tweet и размера на бутона, след което щракнете върху Актуализация
7. Копирайте и поставете предоставения код във вашия HTML

Опции за бутон за хаштаг в Twitter

Както и при бутона за споменаване, можете да въведете предварително попълнен текст, да изберете размера на бутона и да посочите езика, на който да се показва текстът на бутона. Можете също така да изберете да включите конкретен URL адрес, което би могло да бъде полезно, ако архивирате чатовете си в Twitter или събирате генерирано от потребителите съдържание на конкретна страница. Можете също така да изберете целева страница, свързана с конкретна кампания с хаштаг.

Бутон за съобщение в Twitter

Как работи

Бутонът за съобщения в Twitter позволява на потребителите да ви изпращат лични директни съобщения в Twitter. Имайте предвид, че това е функция, различна от бутона за изпращане във Facebook, който позволява на потребителите да изпращат вашето съдържание в лично съобщение на всеки, с когото са свързани. С бутона за съобщения в Twitter потребителите могат да се свържат само с вас, но не и с някой друг в Twitter. Въпреки че това няма да ви помогне да разширите социалния си обхват, томоже да бъде чудесен начин да насърчите хората да се свързват с екипите ви за обслужване на клиенти и продажби чрез Twitter.

Бутонът за изпращане на съобщения в Twitter ще работи най-добре, ако профилът ви е настроен да позволява директни съобщения от всеки. В противен случай хората, които не ви следват, няма да могат да ви изпращат съобщения и в крайна сметка може да се почувстват разочаровани от вашата марка.

Как да добавите бутон за съобщение в Twitter

1. Влезте в акаунта си в Twitter
2. В лявата колона щракнете върху Поверителност и безопасност
3. Превъртете надолу до Директно съобщение и поставете отметка в квадратчето до Получаване на директни съобщения от всеки
4. В лявата колона щракнете върху Your Twitter data (Вашите данни в Twitter). Може да се наложи да въведете паролата си, за да получите достъп до този екран.
5. Изберете и копирайте потребителския си идентификатор, който се появява под потребителското ви име.
6. Отидете на publish.twitter.com, превъртете надолу и щракнете върху Бутони за Twitter
7. Кликнете върху Бутон за съобщение
8. Въведете потребителското си име в горното поле, включително символа @ (например @SMMExpert)
9. Поставете потребителския си идентификатор в долното поле
10. Кликнете върху Преглед
11. Над полето за код щракнете върху задаване на опции за персонализиране
12. Въведете предпочитанията си за опциите на Tweet и размера на бутона, след което щракнете върху Актуализация
13. Копирайте и поставете предоставения код във вашия HTML

Опции на бутона за съобщение в Twitter

Можете да изберете предварително попълване на текст на съобщението, което може да е полезно, ако бутонът е на страница, на която хората вероятно ще се свържат с вас по повод на конкретен продукт, проблем с обслужването на клиенти или промоция. Можете също така да изберете дали да показвате потребителското си име на бутона, размера на бутона и езика, на който да се показва текстът на бутона.

Бутони за социални медии за YouTube

YouTube предлага само един бутон за социални медии, който позволява на потребителите да се абонират за канал в YouTube.

Бутон за абонамент за YouTube

Как работи

Подобно на бутона за следване в Twitter, бутонът за абонамент в YouTube изисква две кликвания. Първо, когато някой кликне върху бутона за абонамент, каналът ви в YouTube се отваря в нов прозорец с поле за потвърждение на абонамента. След това потребителят трябва да кликне отново върху бутона за абонамент, за да влезе в сила абонаментът.

Как да добавите бутон за абонамент в YouTube

Използвайте страницата за конфигуриране на бутон в YouTube, за да създадете кода, който трябва да поставите в HTML.

Опции на бутона за абонамент в YouTube

Имате няколко възможности за конфигуриране на бутона за абонамент в YouTube. Имате възможност да включите профилното си изображение в YouTube, тъмен фон зад бутона и дали искате да покажете броя на съществуващите си абонати. Както и в другите мрежи, подчертаването на голям брой абонати може да бъде чудесен сигнал за социално доказателство.

Бутони за социални медии за Pinterest

Бутон за запазване на Pinterest

Как работи

Бутонът за запазване в Pinterest е еквивалентен на бутона за споделяне в други мрежи, тъй като запазването на съдържание в табло в Pinterest разширява обхвата му. Тъй като Pinterest е платформа, базирана на изображения, за проследяване на информация и идеи, тя работи малко по-различно от бутоните за споделяне в други мрежи. Има три различни начина, по които можете да настроите бутона за запазване в Pinterest на сайта си:

1. Преминаване на изображението : Вместо да поставяте самостоятелен бутон Pinterest на уебсайта си, тази опция създава код, който извежда бутон Pin It, когато някой постави курсора на мишката си върху някое изображение на страницата ви. Това е най-препоръчваната от Pinterest опция.
2. Всяко изображение : С тази опция поставяте бутон за Pinterest на уебстраницата си. Щракването върху него дава възможност на потребителя да запише някое от изображенията от вашия сайт на своите табла в Pinterest.
3. Едно изображение : В този случай бутонът за запазване се прилага само за едно изображение на страницата ви. Това е най-сложната опция от гледна точка на кодирането.

Как да добавите бутон за запазване в Pinterest - изображение при преминаване отвъд или всеки стил на изображението

1. Отидете в конструктора на джаджи Pinterest и щракнете върху Бутон за запазване
2. Изберете вида на бутона, който искате да използвате: изображение при преминаване или всяко изображение
3. Изберете предпочитаните от вас опции за размер и форма на бутона
4. Наведете мишката върху примерното изображение, за да видите бутона си
5. Копирайте кода на бутона и го поставете във вашия HTML
6. За опцията за всяко изображение копирайте и поставете скрипта pinit.js от долната част на страницата за създаване на джаджи в HTML, точно над тага

Как да добавите бутон за запазване в Pinterest - един стил на изображението

1. Отидете в конструктора на джаджи Pinterest и щракнете върху Бутон за запазване
2. Изберете предпочитаните от вас опции за размер и форма на бутона
3. В нов прозорец на браузъра отидете на страницата на вашия уебсайт, където е изображението, с което искате да работите.
4. Копирайте и поставете URL на тази уебстраница в полето за URL в конструктора на джаджи
5. В уебстраницата щракнете с десния бутон върху изображението, с което искате да работите, и изберете Копиране на URL адреса на изображението
6. Поставете URL адреса на изображението в Изображение в конструктора на джаджи
7. Въведете описание на изображението си в Описание Това ще се появи под вашето изображение, когато някой го запази в Pinterest.
8. Кликнете върху образеца Запишете го в конструктора на джаджи, за да тествате бутона си
9. Копирайте кода на бутона и го поставете във вашия HTML
10. Копирайте и поставете скрипта pinit.js от долната част на страницата за създаване на джаджи в HTML, точно над тага

Опции на бутона за запазване в Pinterest

В допълнение към избора на типа бутон, който да използвате, можете да персонализирате формата на бутона (кръгла или правоъгълна), размера (малък или голям) и езика. Можете също така да изберете дали да показвате съществуващия брой пинове за вашето изображение.

Бутон за следване на Pinterest

SMMExpert

Как работи

Когато някой кликне върху бутона за следване в Pinterest на вашия уебсайт, се появява прозорец с предварителен преглед, в който са показани последните ви пинове. След това те кликват върху бутона за следване в този предварителен преглед, за да започнат да следват профила ви в Pinterest.

Как да добавите бутон за следване в Pinterest

1. Отидете в конструктора на джаджи Pinterest и щракнете върху Следвайте
2. Въведете URL адреса на профила си в Pinterest
3. Въведете името на фирмата си така, както желаете да се появи на бутона
4. Копирайте кода на бутона и го поставете във вашия HTML
5. Копирайте и поставете скрипта pinit.js от долната част на страницата за създаване на джаджи в HTML, точно над тага

Опции на бутона за следване в Pinterest

Единствената ви възможност за избор с бутона за следване в Pinterest е как да покажете името на бизнеса си. Може да искате да използвате потребителското си име в Pinterest или пълното име на бизнеса си. И в двата случая се придържайте към нещо лесно за разбиране от потребителите.

Бутони за социални медии за SMMExpert

SMMExpert предлага бутон за социални медии, който позволява на потребителите да споделят вашето съдържание във всяка от мрежите, които са свързали с таблото си за управление на SMMExpert.

Бутон за споделяне на SMMExpert

Как работи

Когато потребителят кликне върху бутона SMMExpert на вашия уебсайт, се отваря прозорец с интерфейс, който съдържа връзка към вашето съдържание. Потребителят може да избере в кои социални мрежи да го сподели: Twitter, Facebook, LinkedIn, Google+ или във всички изброени по-горе. Той може да добави лично съобщение, преди да сподели, и да реши дали да публикува веднага, да планира публикацията за определено време в бъдеще или да използваФункцията за автоматично планиране на SMMExpert.

Как да добавите бутон за споделяне в SMMExpert

Отидете на hootsuite.com/social-share, въведете своя URL адрес и копирайте и поставете кода в HTML.

Опции за бутон за споделяне на SMMExpert

Можете да избирате от няколко различни стила на бутоните.

Преминете на следващо ниво в уменията си за работа в социалните медии с безплатното онлайн обучение и видеоклипове от SMMExpert Academy .

Започнете