Не знаешь с чего начать? Тогда раздел "Учебник" для тебя! =)

Социальные кнопки для сайта или кнопки социальных сетей, самый простой способ установки!

Просмотров:24 637

Как поставить социальные кнопки на сайт?Сегодняшняя статья будет на тему социальные кнопки или как их еще называют, кнопки социальных сетей для сайта. Что это такое? “Живой” пример вы можете увидеть под каждой из моих статей. Социальные кнопки очень полезная вещь и не только помогает блоггеру, но и делает сайт на много симпатичней. Красота и функциональность – идеальная формула для ведущего блог. В этой статье я опишу самый легкий способ их установки. Ладно, хватит языком шевелить по клавиатуре стучать зря, за дело!

Что такое социальные кнопки для сайта и зачем они нужны?

Перед тем как приступить к инструкции о том как, я хочу вам рассказать почему я решил написать статью на эту тему. Когда я только учился их ставить, я обошел много сайтов, прочитал много статей и убил много времени на установку, они вышли очень кривые и всего лишь 5 штучек. Затем я нашел один полезный сервис, но и тут меня постигла неудача, но немного покопавшись я все таки поставил их и очень доволен результатом! Поэтому я решил выложить в этой статье самый быстрый и удобный способ, чтобы вы не тратили время зря, как я это сделал, читаем!

Что такое кнопки для социальных сетей?

Это не большие изображения с эмблемами различных социальных сетей для сайта, каждое из них связано со своей социальной сетью, таким образом, пользователь может всего в несколько кликов рассказать друзьям о статье, которая ему понравилась. Согласитесь, это очень удобно для блоггера. Если вы написали интересную статью, а люди будут думать: “классная статья, вот бы (Светка, Васька, Ромка, Федор Иванович) прочитал(а). А тут под бам! И как раз нужная кнопка, с помощью которой можно поделится со своими друзьями в социальных сетях.

Вот пример таких социальных кнопок на моем сайте:Мои кнопки социальных сетей

P.s. Я был бы очень благодарен, если бы вы добавляли статью которая вам понравится в социальные сети, это дело нескольких кликов Улыбка. Спасибо!

Пока я нашел как установить эти кнопки для социальных сетей для своего сайта, я перепробовал столько способов, а все было элементарно просто, вот кто бы мне показал, что есть такой волшебный сервис. Сейчас я вам его покажу, чтобы вам не пришлось столько в кодах ковыряться =)

Как установить кнопки для социальных сетей?

Если у вас сейчас открыты статьи о том как установить эти кнопки, закрывайте их сразу, поскольку вы уже нашли ответь на моей сайте.

1. Идем на этот сайт — http://share42.com/

2. Перед нами открывается главная страница сайта, тут все просто. С начала вам надо выбрать нужные вам социальные сети. Просто кликайте по самым милым нужным иконкам. Все выбранные вы установите себе на сайт. Вы конечно можете поставить и все, но тогда они будут занимать много места. И такое количество может отвлекать от нужным социальных кнопок. Мой выбор вы можете посмотреть выше (на картинке) или под самой статьей.

Внимание! Иконки можно менять местами в нужном порядке, как вам нравиться или как вы считаете необходимым. Плюс можно изменять размер, я выбрал 24×24 поскольку считаю его самым оптимальным, они не очень большие, отлично вмещаются и не очень маленькие, что даже украшает сайт.

Как установить кнопки социальных сетей на сайт?

3. Делаете настройки. Так все элементарно просто! Сначала выбирайте как вы хотите их расположить, горизонтально или вертикально. Лично я бы советовал горизонтально, как у меня. На одном моем сайте я ставил вертикально, оно постоянно отвлекает внимание, создает чувство дискомфорта, а когда человек прочитает статью, не будет эффекта “ух-ты! кнопочки!”.Вертикальные социальные кнопки

Слово “плавающая” значит, что кнопки будут следовать за вами, когда вы будете прокручивать страниц вверх или вниз. Таким способом не дает забыть о них. Посмотреть пример вы можете на этом же сайте. Такая полоска из кнопок для социальных сетей будет находится в слева от статьи, как бы на заднем фоне сайта.

Кодировка сайта и выбор языка – тут все понятно и думаю не требует объяснений. Затем вы можете поставить птичку на “добавить иконку сайта Share42.com” или убрать ее. Это просто вставляет в конце иконку на сайт создателя.

4. Кликайте на “Посмотрите, как это будет выглядеть”, чтобы убедится, что все в порядке. Бывает такое, что сервис глючит и на самом деле выдает не то, что надо (со мной такое было). В итоге, я хотел 5-7 кнопок, а мне давали всего 2 и я как дурак просто менял кнопки местами, отменял, а затем активировал их снова и вставлял код на сайт. Оказалось надо было просто перезапустить сам сайт.

5. Качаем готовый скрипт социальных сетей для сайта (кнопку “скачайте готовый скрипт” сложно не заметить). Полученную папку кидаем в корень сайта, перед этим разархивировать не забудьте Подмигивающая рожица.

6. Идем в установку и видим следующее:

Инструкция установки социальных кнопок

Делаем все по инструкции. Вместо site.ru прописываем свой сайт. Указываем тип вашего сайта и вставляем шаблон кода сразу после статьи. Кликаем кнопку готово и идем смотреть на результат! Если все вышло, должно быть красиво Улыбка.

Возможные ошибки при установке и их решение!



1. Социальные кнопки не появились на сайте.

  • Проверьте правильно ли вы указали путь к папке.
  • Возможно выбрали не верный тип сайта, то есть код движку не подходит. Попробуйте вставить другой вид кода.
  • Возможно вы поставили код не том мести или копировали его не полностью.

2. Кнопки социальных сетей появились на сайте, но при клике по ним, открывается социальная сеть, но нет запроса “добавить статью”, что надо вручную добавлять?

Ничего добавлять не надо, это снова ошибки с кодом.

  • Проверьте, изменили вы в шаблоне когда слова “site.ru” на адрес вашего сайта?
  • Если просит, укажите title, но лучше попробуйте использовать другой код.

3. Когда навожу на кнопки социальных сетей, появляются всякие “кривые” символы.

  • В таком случае вы не верно указали кодировку сайта (пункт 3). Скачайте папку заново, но на этот раз в другой кодировкой. Проблема исчезнет Улыбка.

Вот так красиво это выглядит на моем сайте:

Кнопки социальных сетей на моем сайте

Это все проблемы, которое я обнаружил, если будут другие проблемы, напишите мне в комментариях, попробую помочь! После исправления ошибок проверти, работает ли все правильно Улыбка.

Так же можете установить кнопку Google +1 или «мне нравится» от mail и кнопку вконтакте.

Ну вроде все объяснил как можно подробнее и вполне интересно вышло. Если хотите получать еще больше легких способов и хитростей, а так же получать самые подробные инструкции, приказываю рекомендую подписаться на RSS моего блога, это будет полезно для вас! Не забывайте, если вам понравилась статья, добавьте ее поделитесь ей с друзьями в социальных сетях, пожалуйста. Следующий пост будет продолжением этого – “Как поднять посещаемость на 250 человек за 2-3 дня”, не пропустите! Пишу о своем личном опыте.

По традиции, коржики на сегодня:

С уважение, SergioПодмигивающая рожица



Вам понравилось?

>>> Почему надо подписаться на обновления? <<<

Буду благодарен за ретвит и клацанье по кнопочкам. Спасибо :)



 

Есть вопросы? Напишите в комментариях, всем отвечу :)

Как установить такие комментарии вконтакте себе на сайт?



58 комментариев к “Социальные кнопки для сайта или кнопки социальных сетей, самый простой способ установки!”

  1. Мне больше AddThis нравится)

    [Ответить]

    Дмитрий 31 Reply:

    Спасибо. Воспользовался рекомендацией. Понравилось.

    [Ответить]

    Sergio Reply:

    Дима, пожалуйста ;)

    [Ответить]

  2. Инна:

    Все файлы загружала в вордпресс, по кнопке загрузить файл, и никогда не пользовалась FTP, и не соображу как это сделать или есть возможность загрузить другим способом? Подскажите, очень хочу эти кнопочки... Спасибо за статью!!!

    [Ответить]

    Sergio Reply:

    Без программы как Total Commander вам будет сложно обойтись, советую скачать и делать настройки через нее. Поверьте, это совсем не сложно.

    [Ответить]

    Евгений Reply:

    FileZilla очень хороший вариант:)

    [Ответить]

  3. Приветствую.

    Не нашла ни одного блога, где бы объяснялось _подробно_ куда вставлять код((( Учитывая, что я в данном вопросе полный ноль, то мне нужен образец или очень подробная инструкция, чтоб повторить все действия как мартышка.

    Вы можете помочь?

    Если я хочу, чтоб эти кнопки выводились в конце статьи, как у вас, то мне нужно редактировать файл index.php, правильно?

    А если мне нужно использовать вертикальный вариант, чтобы он плавал сбоку от статьи, то надо вставлять скрипт в header.php, да? Я сделала так и панелька с кнопочками появилась, но в том числе и на главной блога, что логично.

    Мне же нужно сделать так, чтоб на главной странице панели с кнопками не было, она появлялась только на странице статьи, была вертикальная, сбоку от текста статьи. Как это сделать?

    [Ответить]

    Sergio Reply:

    Простите, если не понял правильно, я не писал статьи, поскольку температура была 39.5, да и сейчас я больной, но люди требуют помощи

    Могли бы вы точнее сказать, что вам необходимо? Простите, я могу быть не внимательным из-за температуры

    [Ответить]

  4. Кнопочки очень нужный элемент для сайта, тем более что это способствует продвижению, так как из соц. сетей идёт неплохой трафик. Спасибо!

    [Ответить]

  5. Павел:

    А что за плагин у вас на сайте отвечает за вывод счётчика twitter и rss?

    [Ответить]

    Sergio Reply:

    Simple Counters называется плагин

    [Ответить]

  6. Александр:

    Павел, это не плагин, а просто ссылки, оформленные с помощью jQuery

    [Ответить]

    Sergio Reply:

    Это плагин

    [Ответить]

  7. Sergio, вы бы хоть как-нибудь оформили кнопки социалок, привели в более нормальный вид — что б ровно, аккуратно и красиво стало :)

    [Ответить]

    Sergio Reply:

    Но они стоят так, как я хотел =)

    Кроме кнопки фэйсбука

    [Ответить]

  8. Спасибо за хорошую новость!

    [Ответить]

    Sergio Reply:

    Пожалуйста! :)

    [Ответить]

  9. Добрый день! Не могу понять в чем проблема. Кнопки у меня появились, но когда нажимаю и хочу в соц. сети разместить ссылку, пишет, что невозможно разместить сообщение на стене. Вроде все правильно сделала... В чем может быть проблема?

    [Ответить]

  10. О! Вроде получилось!! Странно... код как-то и правда исказился, поменяла, все заработало! Супер!! Спасибо информацию про этот отличный сервис!!!!

    [Ответить]

    Sergio Reply:

    Екатерина, пожалуйста! Рад, что смог вам помочь! :)

    [Ответить]

  11. Скажите, а если сайт сделан на флеш? Мой, к примеру, на wix построен! Как на такой кнопки навесить? У меня в wix есть автоматическая вставка скриптов, но их для России мало. Если я пытаюсь like от vk поставить-кнопка встает, но при ее активации окно не разворачивается... Можете посоветовать решение?

    [Ответить]

    Sergio Reply:

    Простите, Борис. К сожалению, я не работал с сайтами на флэш.

    [Ответить]

  12. Добрый день! Подскажите пожалуйста. У меня сайт vse-v-internet.ru на вордпресс, кнопки поставила, но их можно увидеть только после того, как нажмешь на кнопку отзыв. А так их не видно. 10 раз все проверила, сделано по инструкции. И кодировку меняла и позицию. Ноль эмоций. Если есть возможность, помогите, пожалуйста. Спасибо.

    [Ответить]

    Sergio Reply:

    Татьяна, мне кажется, что вы просто не в тот файл вставили кнопки. Попробуйте поставить в сайдбар, если будет работать, значит просто надо сменить их положение.

    [Ответить]

  13. Доброе утро, да, в сайдбаре они встают, просто хотелось бы, чтоб они располагались именно после статьи. А за это отвечает single.php. Но спасибо за идею.

    [Ответить]

    Sergio Reply:

    В таком случае используйте мой любимый метод тыка :D

    Откройте single.php и понатыкайте везде такое «11», «222», «333» и т.д.

    Потом посмотрите, где эти циферки отобразились у вас на странице, выберите подходящий вариант и вставьте вместо нужных цифр кнопки :)

    [Ответить]

  14. Сереж, спасибо огромное за помощь. Попробую объяснить грамотно, что не так. Кнопки встали прекрасно туда, куда надо. Проблема не в этом. Почему-то они становятся видны на сайте только после того, когда нажмешь кнопочку отзывы. Т.е. когда отзывы открыты, кнопки видны, когда закрыты, не видны. Сейчас переделываю файл comment, чтоб отзывы сразу открывались, а не были в виде одной кнопки. Если сможете прислать мне ваш файл comments.php, я бы попробовала его поставить и посмотреть, что будет, а потом произвести в своем настройки по аналогии с вашим.

    [Ответить]

  15. А вот у меня проблема никак не установлю код на свой сайт www.bammboo.ru дело в том что он на флеш движке... никак не устанавливается так как корневого пакета у меня нет то есть корневой папки как быть???

    [Ответить]

    Sergio Reply:

    Прости, Иван. Не знаю как быть с флэш сайтами

    [Ответить]

  16. Здравствуйте, так, прям, понятно все написано, большое спасибо!

    Вопрос такой:

    У меня временный сайт на Google — там нет возможности положить папку с файлами — только сами файлы, а весь скрипт ссылается именно на папку. У Вас есть рецепт для Гугла?

    Пробовала положить эту папку совсем на другой свой сайт (без php) и потом прописать в скрипте путь туда? (там хоть есть возможность загрузить папку хоть куда), но Google не дал. (( :-!

    Спасибо!

    [Ответить]

    Sergio Reply:

    Простите Elena, никогда не имел дела с гугл сайтами.

    [Ответить]

    Сергей Reply:

    Да ёшкин кот, что тут непонятного? Нет папок, бросайте без папки. Главное путь правильно указать. Там ведь в мануале всё как для дибилов вроде меня разжевано. Осталось прочитать.

    [Ответить]

  17. Подскажите пожалуйста, как правильно распаковать архив со скриптом? И еще не понятно где указывать путь до этой папки? Вообщем первый и третий пункт не понятны. (Это при установке скрипта) Спасибо.

    [Ответить]

    Sergio Reply:

    Таисия, просто откройте архив, допустим прогой winrar, а затем просто перенесите файлы в архиве куда вам нужно.

    Путь указывать прямо на сайте, откуда вы качали архив, если я правильно вас понял :)

    [Ответить]

  18. Анна:

    =) Спасибо большушее)

    [Ответить]

    Sergio Reply:

    Пожалуйста, Анна :)

    [Ответить]

  19. у меня нет смайликов *ROSE*

    [Ответить]

    Sergio Reply:

    Галя, нет смайликов где?

    [Ответить]

  20. %) Жаль, жаль, жаль... Я так поняла, что эти кнопки социальных сетей не судьба мне установить в мой блог на Liveinternet... А объяснение и комментарии такиедоступные... %)

    [Ответить]

  21. Здравствуйте!

    Знаете, возникла недавно такая проблема. Когда нажимаю на кнопки мне нравится (в мир) не отображается картинка, переходит только главная с шапки, а со страницы товара не могу выбрать. Что же делать? Ни как не пойму...

    Пробовала разные варианты многие готовые скрипты, но ничего не выходит. Есть у меня такой же сайт с этой же темой — там все получается — здесь нет. Сайт vasilisa-lux.com

    Помогите, пожалуйста

    [Ответить]

    Sergio Reply:

    Простите, Ольга. Не знаю почему не работает.

    [Ответить]

    ольга Reply:

    да, ладно... все равно наш сайт переезжает по другому домену — там все работает... просто странно как то! зато поделились новым дизайном кнопок — share.pluso.ru — интересно, что-то новое

    [Ответить]

  22. Блин, уже 15 раз скачивала скрипт, по-разному делала, а все никак. Кое как нашла куда можно вставить кнопки (хотела плавающее меню, но уже согласилась и на горизонтальное, кстати место нашла вашим «методом тыка»)))), но кнопки становятся видны только после наведения на них курсором. Что это может быть? Я туплю? =-O

    [Ответить]

    Sergio Reply:

    Регина, простите, мало что могу сказать не видя всей картины :)

    Если хотите, я сделаю за вас, но это не бесплатно.

    [Ответить]

  23. Спасибо за статью! Все получилось! Только чуть переправил по своему.

    [Ответить]

    Sergio Reply:

    Антон, всегда пожалуйста :)

    [Ответить]

  24. Доброго времени суток!Спасибо за уникальную статью,давно хотел установить кнопки социальных сетей.Действовал строго вашей инструкции,получилось,но,к сожалению не все.У меня на сайте видны кнопки только зарегистрированным.Прошу помочь вас!Заранее благодарен

    [Ответить]

    Sergio Reply:

    Александр, пожалуйста :)

    К сожалению, я не знаю как вам помочь. Наверняка где-то есть настройки, где можно указать что показывать зарегистрированным пользователям, а что нет.

    [Ответить]

  25. Спасибо за статью, поставил кнопки от Share42 очень даже не плохо.

    [Ответить]

  26. Serg:

    Спасибо большое за полезную штуку!Установил,все работает корректно.На главную страницу не стал ставить,а на записи поставил.Желающие могут посмотреть mirkylinarii.ru/?p=478.

    [Ответить]

  27. Serg:

    хотел еще сказать что сайт у вас чуть чуть подтормаживает,бывает с первого раза хром не открывает страницу

    [Ответить]

    Sergio Reply:

    Serg, никогда не замечал подобного Оо

    [Ответить]

  28. Здравствуйте

    У меня не получается вставить кнопки по вашему описанию: ничего не появляется после всех процедур.

    Подскажите в чем дело?

    [Ответить]

    Sergio Reply:

    Михаил, я не могу видеть, что у вас «где-то там» происходит. Пройдите по инструкции еще раз, но внимательнее.

    [Ответить]

  29. Попробовал установить кнопки на сайт. Все работает, спасибо за пост =)

    [Ответить]

    Sergio Reply:

    Пожалуйста :)

    [Ответить]

  30. Отличная статья! Спасибо ночной блоггер :)

    [Ответить]

    Sergio Reply:

    Артем, пожалуйста :)

    [Ответить]

Написать ответ


31 запросов. 0,270 секунд.