Заработок в интернет

Создание, оптимизация, продвижение сайта и заработок на его основе

Кнопки социальных сетей как способ бесплатного продвижения сайта

Автор: Сергей Егерев Опубликовано: 17 - Апрель - 2012

кнопки социальных сетейПриветствую вас уважаемый читатель!

Как продвигать свой сайт, блог – этот вопрос задает себе каждый начинающий вебмастер, который сталкивается впервые с раскруткой своего проекта в сети Интернет. Причем большинство ищет бесплатные способы продвижения, и в этом нет ничего зазорного. Продвигать свой сайт можно и нужно, используя бесплатные методы раскрутки.

Одним из таких способов продвижения является, безусловно, метод раскрутки через социальные сети (SMO). И хотя я не являюсь ярым сторонником продвижения через социальные сети, тем не менее, стараюсь не упускать все возможности бесплатного продвижения блога.

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

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

Ну и раз мы сегодня говорим о бесплатном способе раскрутки через социальные сети, то подспорьем вам послужит бесплатная книга по раскрутке проекта в социальных сетях. А скачать вы ее можете по ссылке : Идеальный план продвижения в социальных сетях.

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

А рассмотрим мы размещение кнопок Facebook и Twitter, а также рассмотрим вставку блока социальных кнопок от сервиса Яндекс, который одновременно позволяет установить целый ряд кнопок от наиболее популярных социальных сетей.

Поскольку данный сайт работает на wordpress, то и установку рассмотрим на данной cms.

Установка кнопки от социальной сети Facebook.

кнопки соцсетей FacebookПереходим по ссылке Like button  и приступаем к установке.

Перед вами выйдет вот такое окно.

Хотя надписи на английском языке, думаю для вас это не помеха, тем более всегда можно воспользоваться переводчиком с английского на русский. Давайте в темпе прогуляемся по данным настройкам кнопок социальной сети Facebook.

URL to Like – вводите адрес своего сайта или вебстраницы.

Send button (XFBML Only) – поставив здесь галочку у вас будет отображаться дополнительная кнопка «отправить», для сайтов поддерживающих Java Script.

Layout Stile – выбираете расположение кнопок, какой вариант вас устроит, тот и оставляйте. Меняя галочки в этом окне, вы будете наблюдать, как будет меняться расположение кнопок.

Width – ширина кнопок социальных сетей в пикселях, можете менять.

Show faces – отметив этот квадратик, у вас будут отображаться фотографии профилей людей, которым нравится ваш сайт.

Verb to display – можно выбрать надпись на кнопке «Мне нравится», либо «Я рекомендую».

Color Scheme – кнопки для темного, либо светлого тонов.

Font – шрифт надписи.

Затем жмем получить код.

Сервис сгенерирует для вас код, состоящий из двух частей, первая часть сам скрипт под цифрой 1, а под цифрой 2 код кнопки, который вы вставите в то место, где вы ею будете любоваться и где по ней будут щелкать ваши почитатели.

Код скрипта мы скопируем в файл используемой темы, footer.php.

Для этого заходим в админку блога Внешний вид – Редактор – footer.php, открываем файл и перед закрывающим тегом /body внизу вставляем код №1 и сохраняем изменения.

Теперь, если вы хотите, чтобы ваша кнопка отображалась после каждого поста, то необходимо открыть в вашей теме, аналогичным способом, но уже файл single.php.

Здесь нужно вставить код сразу после строки, которая задает вывод статьи на блоге.

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

1
 < ?php the_content('Читать полностью »'); ?>

Или может выглядеть так:

1
 < ?php the_content( ); ?>

Вот после этой строки и вставляете код №2.

Затем обновляете файл и смотрите, что получилось. Если у вас не отображается по какой-то причине кнопка социальной сети, то можно вставить этот код в конце статьи в режиме html.

Кнопка от сервиса Twitter

Для этого необходимо пройти по ссылке

Вот на этой открывшейся странице и заполняем неоходимые настройки. Выбираете соответствующую кнопку, затем заполняете поле «Параметры».

В правой части вам сгенерируется html код, который необходимо вставить в выбранное место на сайте и все. Далее любоваться на кнопку и ждать, когда начнется паломничество на ваш сайт с сервиса микроблогинга Twitter.

Блок кнопок социальных сетей от сервиса Яндекс


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

Переходим вот по этой ссылке

кнопка Поделиться от Яндекса

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

 

Здесь предлагаемый код также состоит как бы из двух частей. Первая часть – код самого скрипта, а другой код кнопок. Как в первом случае (кнопка Facebook), где я описывал действия по вставке кода в разные файлы вашей темы, здесь можно проделать аналогичным образом для размещения значков социальных сетей.

Теперь вы знаете, как разместить кнопки социальных сетей на своем сайте.

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

У вас также есть возможность подписаться на обновления блога и первыми получать сообщения о выходе новых статей прямо на ваш email.

Успехов вам!

  1. Андрей:

    Яндекс скрипт не отображает изображение темы для кнопки ВКонтакте. Не знаете в чём дело?

    Опубликовано: 20 Май 2012 в 21:36

  2. Сергей:

    Не совсем понял вопроса. Что не отображается кнопка в Контакте?

    Опубликовано: 21 Май 2012 в 12:37

  3. Андрей:

    Кнопка отображается. Но когда жмёшь на неё она не подхватывает изображение темы в которой стоит. Название темы пишет. Все остальные кнопки причем работают нормально (фэйсбук, мир, одноклассники). И название цепляют и картинку. Не могу понять в чём дело…

    Опубликовано: 21 Май 2012 в 13:21

  4. Андрей:

    Причём это проблема не только Яндекс скрипта. Оригинальная кнопка с ВКонтакта тоже так же работает не совсем правильно.

    Опубликовано: 21 Май 2012 в 13:39

  5. Сергей:

    Попробуйте в коде прописать vk вместо vkontakte, может дело в этом? У меня при нажатии на кнопку в контакте выходит окошко, где нужно ввести свои данные.

    Опубликовано: 21 Май 2012 в 19:03

  6. Андрей:

    Я уже оригинальный удалил. Но думаю не поможет. Я же сам скрипт с самого ВКонтакта брал. Они там наверное думаю лучше знают своё название…))) Дело в другом в чём то. Просто это как всегда элементарно, а вот не додумаешься…)))

    Опубликовано: 21 Май 2012 в 20:08

  7. Андрей:

    У вас то картинку цепляет. Хотя код один и тот же…

    Опубликовано: 21 Май 2012 в 20:09

  8. Сергей:

    Заинтриговали вы меня… Зашел на свой сайт под грифом «секретно». Нажал в статье на ссылку в контакте. Стало выходить окошко, но полностью не загрузилось а перешло в небольшое окно с логотипом в контакте, где нужно было ввести данные аккаунта вк. Ввел, ссылка прилепилась на стену. Что мне и нужно было…

    Опубликовано: 21 Май 2012 в 21:02

  9. Андрей:

    Ну как бы я Хромом пользуюсь. Мне авторизоваться не надо. Хром сам всё это делает. Просто окно выходит. Есть подозрение что через некоторое время картинка появится сама собой. Когда поисковик ВК разведает мой сайт. Других версий у меня нет…

    Опубликовано: 21 Май 2012 в 21:11

Оставить комментарий

Switch to Dark fonts Switch to Light fonts