Как добавить кнопки популярных социальных сетей на свой блог, обеспечение правильного вывода кнопок в конце статьи
Воскресенье, 30 Янв 2011 23:57
Здравствуйте друзья. Сегодня я начинаю цикл статей посвященных внедрению специальных кнопок социальных сетей в статьи нашего блога на WordPress. Разбить данную серию статей придется на три части, так как без этого объем одной статьи будет слишком большим, что негативно скажется на удобстве чтения.
В нынешней статье я расскажу о том, Как добавить кнопки социальных сервисов на страницы блога, а так же отвечу на вопрос для чего нужно добавлять кнопки популярных социальных сетей в свои статьи.
Ни для кого уже давно не секрет, что столь популярные ранее кнопки социальных закладок с каждым днем теряют все больше и больше интереса в глазах страждущей информации интернет-аудитории. Но интернет был бы не интернетом, если бы на замену не пришло нечто новое и глобальное.
Для чего нужны кнопки социальных сервисов в начале или конце статей?
Так получилось, что на смену сервисам социальных закладок пришли сервисы социальных сетей, потенциал которых просто огромен. На подобных ресурсах ежедневно крутится огромный, целевой трафик практически для любой сферы. Будь-то банальный интернет-магазин или блоги о НЛО — вы всегда найдете своего читателя в социальных сетях.
Благодаря такому методу SMO-продвижения, как установка кнопок социальных сервисов, мы даем возможность нашему читателю делится понравившейся информацией со своими друзьями в этих преславутых сетях. Более того, если вы пишите очень интересный и качественный контент, то ваша ссылка будет распространятся лавинообразно и вы получите не только бесплатные ссылки на свой ресурс, но и достаточно стабильный уровень посещаемости.
Этим не воспользоваться просто грех, поэтому давайте пользоваться:)
Способы добавления кнопок социальных сетей на страницы блога
Существует два основных способа, у каждого из которых есть и плюсы и минусы:
1. Использование универсальных кодов скриптов для вывода кнопок социальных сервисов на страницы блога. Их предоставляет нам любая из имеющихся социальных сетей.
На мой взгляд использование данного метода имеет два огромных минуса:
Использование любого скрипта «утежеляет» страничку — соответственно и скорость её загрузки. Это, в конечном итоге, понижает позиции вашего сайта в поисковой выдаче.
Кнопки различных сервисов абсолютно не похожи друг на друга, поэтому при использовании нескольких сразу у нас получится некий паравозик из разной высоты вагончиков, что очень не красиво выглядит.
Как плюс можно отметить простоту установки такого кода, однако, учитывая затраченное время на последующую «заточку» кнопок друг под друга и доведение их до одного размера через photoshop, то метод просто убивает себя. Поэтому подробно останавливаться на нем я не буду.
2. Добавление своих собственных картинок с прикруткой индивидуального кода.
На данном методе мы подробно остановимся и начнем с загрузки красивых, ровненьких по отношению друг к другу картинок. Тут выбор довольно велик — вы можете найти подходящие для вас картинки либо в интернете, либо же воспользоваться моими, нажав правой кнопкой мыши на изображение кнопки внизу статьи и выбрав пункт «сохранить изображение». Заливаем на хостинг в папку с вашей темой, обычно находящийся по адресу:
http://ваш сайт/wp-content/themes/ваша тема/
images/
Если вы не особо разбераетесь в html, то рекомендую не менять названия скачанных картинок.
Настройка отвечающего за публикацию заголовка статьи в социальную сеть файла single.php
Переходим к завершающему этапу установки кнопок социальных сервисов.
Заходим в админку wordpress и в меню «Внешний вид» жмем на ссылку «Редактор». Попросту заходим в редактирование файлов нашей темы оформления.
Здесь находим файл single.php и открываем его на редактирование. Теперь внимательно!
После участка кода:
<?php the_content(”); ?>
Вставляем код, который берем в файле: Здесь.
Прошу прощения за неудобство, просто если этот код вставлять сюда — получится много некрасивой абракадабры.
Обращаю ваше внимание, что атрибут «center» служит для вывода наших кнопок по центру, а атрибут «div» делает размещение кнопок не разрозненным и некрасивым, а размещает их друг за дружкой, создавая ощущение цельного блока.
Так же обратите внимание, что в начале кода, где имеется код, отвечающий за Twitter, необходимо поменять «@allcapone2006″ на свой.
…Пока все. Следите за новыми статьями и Вы узнаете много интересного в цифрах, статистике и просто из личного опыта, а чтобы не пропустить интересных статей подпишитесь на RSS-ленту удобным для Вас способом.
Pav пишет:
31 Янв 2011 в 9:52
КАК всегда на высшем уровне!!!! спс что ты делаешь безумно интересные статьи
Александр пишет:
31 Янв 2011 в 22:05
Спасибо за статью)) правда как прикрутить социалки чуть раньше прочел на блоге шакина
Uhta пишет:
01 Фев 2011 в 10:41
Спасибо за статью, сейчас буду пробывать прикрутить социалки
kapitonovih пишет:
07 Фев 2011 в 9:52
Вот кто бы объяснил, как подобные кнопочки в ЖЖ ставить можно, то большое спасибо от многих получил.
Jessica пишет:
28 Авг 2011 в 22:45
у меня имеется скрипт социальных закладок, куда его следует поместить, чтобы он выходил после каждого поста. Стоит WordPress но по системе которую вы описали он почему то не работает.
allcapone пишет:
28 Авг 2011 в 22:49
@ Jessica:
Сделали точно так, как описано?
Елена пишет:
25 Окт 2011 в 11:55
Кнопочки очень нужный элемент для сайта, тем более что это способствует продвижению, так как из соц. сетей идёт неплохой трафик. Спасибо!
Jessica пишет:
25 Окт 2011 в 20:21
@ allcapone: да делала точно по описанию, но ничего не получалось