Создаем для блога на WordPress кнопки добавления в социальные сети и закладки (без плагинов и скриптов)

30 Май, 2010

Здравствуйте? уважаемые читатели блога KtoNaNovenkogo.ru. Сегодня мы поговорим о том, как установить на страницы своего блога кнопки добавления ссылки на страницу в популярные социальные сети и сервисы, такие как Гугл+ (тут читайте про самую молодую социалку от Google), Twitter, Vkontakte, Я.ру, Мой Мир, ЛиРу (Liveinternet), Livejournal, Blogger, Фэйсбук и Friendfeed.

Естественно, что вы сами сможете выбрать, что именно вам устанавливать, а я постараюсь подробно рассказать, как это сделать, в деталях и картинках (ну, в общем, как обычно).

Зачем они нужны и почему именно добавления в социальные сети, а не в сервисы социальных закладок (включая Bposter), которые можно встретить почти на каждом сайте?

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

Назначение социальных кнопок и куда их вставлять в WordPress


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

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

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

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

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

Картинки для кнопок добавления в социальные сети вы можете использовать любые (любых размеров и форматов), главное, чтобы было красиво и вписывалось в дизайн вашего блога на WordPress. Можете взять те изображения, которые использую я или же нарисовать в бесплатном Фотошопе, описанном тут (лучшем из онлайн фоторедакторов), свои собственные.

или одной картинкой

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

Тут нам может помочь материал, описывающий устройство тем (шаблонов) WordPress. Итак, получается, что в WordPress за статьи отвечает SINGLE. Найти этот файл вы сможете в папке с используемой вами темой по следующему пути:

/wp-content/themes/название_темы/

Но для этого вам нужно будет подключиться к своему блогу по протоколу FTP, например, с помощью программы FileZilla (здесь про этот клиент читайте). Откройте SINGLE на редактирование в удобном для вас редакторе (я пользуюсь Notepad++).

Если вы хотите вставить блок с кнопками внизу статьи (как у меня), то вставлять код нужно будет после ее содержимого, которое выводится с помощью строчки:

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

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

Все довольно просто, осталось только узнать, какой именно код нужно использовать для каждой из социальных сетей (Twitter, Vkontakte, Google Buzz, Я.ру, Мой Мир, ЛиРу (Liveinternet), Livejournal, Blogger, Facebook и Friendfeed).

Создаем свою кнопку добавления в Twitter


Начнем с Твиттера. Последнее время он набирает популярность и на данный момент может являться очень серьезным источником трафика и популяризации вашего проекта. Более подробно о работе в Twitter написано в приведенной статье. Классический вариант кода отправки заголовка и адреса статьи будет выглядеть так:

<a rel="nofollow" target="_blank"  href="http://twitter.com/home/?status=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/twitter1.gif"   /></a>

Атрибут TARGET="_BLANK" я вставил для того, чтобы Твиттер открывался в другом окне, оставляя страницу вашего блога открытой. Если вам это не нужно, то просто уберите его из кода.

Атрибут REL="NOFOLLOW" позволяет закрыть от индексации поисковиками внешнюю ссылку, ведущей с вашего блога, что поможет избежать утечки PageRank со страниц вашего ресурса, а так же позволит больше заработать на продаже ссылок (например, тут: ГоГетЛинкс, РотаПост, ГетГудЛинкс).

Изображение для кнопки добавления в Twitter вам нужно загрузить в папку IMAGES, которая находится в директории с используемой вами темой.

Но я обычно избавляюсь от лишнего динамического PHP кода, который можно заменить на статичные ссылки, поэтому строку:

src="<?php bloginfo('template_url'); ?>/images/twitter1.gif"

Я заменяю на реальный путь, где лежит нужная картинка:

src="http://ktonanovenkogo.ru/image/twitter1.gif"

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

Для меня код кнопки, приведенный выше, оказался не совсем удачным, в силу того, что в Твиттере существует ограничение на длину сообщения в 140 знаков, а заголовки моих статей в купе с очень длинными Урлами запросто перекрывают этот лимит. В результате получается большой перебор по количеству символов:

Специально сокращать заголовки статей и длину ЧПУ ссылки (как, кстати, советуют многие спецы) я не намерен.

Можно, конечно же, вместо пермалинка, т.е. URL, созданного с помощью ЧПУ, отправлять в Твиттер оригинальный Урл, который формирует сам WordPress, без активации ЧПУ (тут читайте про настройку человекопанятных Урлов подробнее). Не совсем понятно, что я хотел сказать? Попробуйте тогда почитать об этом в приведенной статье.

В этом случае код будет выглядеть так:

<a title="Затвитить пост!" target="_blank" rel="nofollow" href="http://twitter.com/home/?status=<?php the_title(); ?> <?php bloginfo('url'); ?>/?p=<?php the_ID(); ?>"><img src="<?php bloginfo('template_url'); ?>/image/rtwitter.png"></a>

При добавлении статьи в Twitter с помощью такой кнопки получится такой вид URL:

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

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

А вместо длинного заголовка статьи я решил, что проще будет отправлять просто фразу, вроде «Рекомендую почитать». Может это и не оптимальный вариант, но в моем случае, наверное, наиболее подходящий. Для того, чтобы реализовать описанное в этом абзаце, вам нужно будет использовать такой код для кнопки добавления в Твиттер:

<a rel="nofollow" target="_blank" href="http://twitter.com/home/?status=<?php echo urlencode( 'Рекомендую почитать: ' ) .
fb_gettinyurl( get_permalink() ); ?>" ><img src="<?php bloginfo('template_url'); ?>/images/twitter.gif"  ></a>

В Твиттере добавленное сообщение будет выглядеть так:

Как видите URL материала моего блога оказалась укороченной с помощью сервиса TINYURL, а само сообщение получилось очень коротким и пользователь, в случае необходимости, сможет добавить еще что-нибудь от себя. В общем, выбирайте наиболее вам подходящий вариант, используйте приведенные мною выше картинки или же рисуйте свои, как говорится — выбор за вами.

P.S. Есть еще один интересный способ. Посмотрите на этот переделанный код стандартной кнопки, которую можно получить в самом Твиттере:

<a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php trim_title_chars(110, '...'); ?>" data-count="none" data-lang="ru" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Ключевой является конструкция:

<?php trim_title_chars(110, '...'); ?>

Она задает ограничение для тайтла, который формируется из заголовка статьи в 110 символов (эту цифру вы вольны менять), а потом будет стоять троеточие. Замечательная штука, но чтобы она заработала, добавьте в свой файл functions.php следующую функцию:

function trim_title_chars($count, $after) {
	$title = get_the_title();
	if (mb_strlen($title) > $count) $title = mb_substr($title,0,$count);
	else $after = '';
	echo $title . $after;
}

Если хотите задать ограничение не в символах, а в словах, то в functions.php придет добавить еще одну функцию:

function trim_title_words($count, $after) {
    $title = get_the_title();
    $words = split(' ', $title);
    if (count($words) > $count) {
        array_splice($words, $count);
        $title = implode(' ', $words);
    }
    else $after = '';
    echo $title . $after;
}

Тогда код кнопочки расшаривания в Твитер примет вид:

<a rel="nofollow" href="http://twitter.com/share" class="twitter-share-button" data-url="<?php the_permalink(); ?>" data-text="<?php trim_title_words(7, '...'); ?>" data-count="none" data-lang="ru" >Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Где:

<?php trim_title_words(7, '...'); ?>

Оставит только первые 7 слов от вашего заголовка тайтл. Замечательная штука и пригодиться может везде.

Коды кнопок остальных социальных сетей и другие скрипты


С сервисом Friendfeed таких проблем не возникло, ибо такого жесткого ограничения на количество символов в сообщении нет. И мои слишком длинные заголовки и адреса (URL) статей прекрасно помещаются. Подробнее про Friendfeed читайте здесь.

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

/wp-content/themes/название_темы/images/

Если же вы будете использовать другую папку для хранения картинки, то пропишите путь до нее в теге IMG, как я делал это выше. Код будет выглядеть так:

<a  target="_blank" rel="nofollow" href="http://www.friendfeed.com/share?title=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/social-pillows-friendfeed-1.jpg"></a>

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

  1. Код кнопки ВКонтакте для WordPress:
    <a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" target="_blank" rel="nofollow"><img src="<?php bloginfo('template_url'); ?>/images/vkontakte.gif"></a>
  2. Google Buzz:
    <a href="http://www.google.com/reader/link?url=<?php the_permalink(); ?>&title=<?php the_title(); ?>&srcURL=http://ktonanovenkogo.ru/" rel="nofollow" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/google-buzz-compact.gif" ></a>
  3. Мой Мир (mail.ru):
    <a target="_blank" rel="nofollow" href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/moi-mir.gif"  ></a>
  4. LiveInternet:
    <a href="http://www.liveinternet.ru/journal_post.php?action=l_add&amp;cnurl=<?php the_permalink(); ?>" target="_blank"><img src="<?php bloginfo('template_url'); ?>/images/liru.gif" ></a>
  5. Livejournal:
    <a target="_blank" rel="nofollow" href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" ><img src="<?php bloginfo('template_url'); ?>/images/livejournal.gif" ></a>
  6. Blogger для WordPress:
    <a target="_blank" rel="nofollow" href="http://www.blogger.com/blog_this.pyra?t&u=<?php the_permalink(); ?>&n=<?php the_title(); ?>&a=ADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&hl=ru&skipvpage=true&rm=false&showra=1&fpui=2&naui=8"><img src="<?php bloginfo('template_url'); ?>/images/blogger.gif" ></a>
  7. Код кнопки добавления в Facebook:
    <a rel="nofollow" target="blank" href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url'); ?>/images/facebook.gif"  ></a>

Да, несмотря на то, что последнее время Яндекс тоже перестал учитывать ссылки с атрибутом REL="NOFOLLOW" (так же, как и все остальные поисковые системы), на всякий случай можно заключить код кнопок таким образом. Т.е., например, для одной из кнопок в WordPress это будет выглядеть так:

Так же будет не плохо, если вы для всех кнопок в теге IMG (здесь про него читайте подробнее) пропишите размеры картинки. Это можно сделать с помощью атрибутов тега IMG — HEIGHT и WIDTH (тут).

Он тогда будет выглядеть, например, так:

<a rel="nofollow" href="http://www.livejournal.com/update.bml?event=<?php the_permalink(); ?>&subject=<?php the_title(); ?>" target="_blank" ><img src="<?php bloginfo('template_url'); ?>/image/livejournal.gif"  width="73" height="18"></a>

Код всех тех кнопок, что вы будете добавлять в файл SINGLE (/wp-content/themes/название_темы/), можете заключить в контейнер из открывающего и закрывающего тегов DIV, прописав для этого контейнера класс.

Затем, можно в файле каскадных таблиц стилей STYLE.CSS вашего блога (который лежит там же, где и файл SINGLE) прописать для этого класса ряд свойств, которые, например, помогут выровнять блок с кнопками добавления в социальные сервисы (сети) относительно других элементов дизайна WordPress блога. Подробнее про CSS тут смотрите — там именно уроки для начинающих и они вам помогут.

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

Правда WP плагины и скрипты будут создавать дополнительную нагрузку на сервер, поэтому рассмотренный выше способ создания является оптимальным. Есть правда один скрипт, который мне нравится — блок «Поделиться» от Яндекса (тут читайте мой обзор про то, как увидеть статистику этого блока в Метрике).

Ах, я же еще про плавающую панель с кнопками социальных сетей Share42 забыл упомянуть. Тоже очень простой конструктор и замечательный дизайн хотелось бы подчеркнуть. Ну еще бы, ведь сам Димокс ее разработал.

Удачи вам! До скорых встреч на страницах блога KtoNaNovenkogo.ru

Подборки по теме:

Комментарии и отзывы

Ирина

Скажите пожалуйста, а можно такие кнопки как-то добавить не к WordPress, а к блогу в сервисе Блоггер? или это не реально.

d0s

Спасибо за информацию!..

Но как можно изменить Заголовок, Изображение, кол-во символов, вообще как можно настроить все самому?

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

Заранее Спасибо!

Дамир

Добрый день!

Скажите, а для статей на сайте, реализованном на CMS Joomla, есть такие решения? Очень хочу сделать на своем сайте, чтобы у читателей была возможность добавлять материалы с моего сайта в социалки.

Дмитрий

d0s: заменяете картинку на свою и прописываете путь к ней в коде.

Дамир: для этого нужно знать коды Joomla. Попробую поискать варианты и если найду, то напишу об этом отдельный пост.

Дамир

Дмитрий:

При редактировании материала в Joomla есть кнопка выключения редактора. Тогда становится виден код статьи. Может быть, коды кнопок можно вставлять непосредственно в код статьи? причем, код примерно такой же, как в этом материале, но адаптированный под сайт.

Евгений

Вот этот код, который выскакивает

<?php the_permalink()

Михалыч

Спасибо за информацию, но не могли бы вы подсказать название существующего WP плагина, который справляется с этой работой в wordpress. Ведь такие плагины точно есть

Sleep Walker

O.o А зачем в коде Google Buzz ссылка на сайта Глобатора?

Otpad

Хорошо написано, читал в другим месте не так подробно и четко, я так понял по миом кнопок можно и баннеры повесить и прочее в WordPress. Читать пост не много сложно и за большого количества «навтыканной» рекламы :-). Хотя пирожки кушать хочется всем!

arik

подскажите как вставлять код в WordPress, чтобы кнопки были горизонтально, а не одна под другой?

pasum

полезная статья, спасибо!

но есть вот какой вопрос: можно ли через простую ссылку в WordPress (без плагинов и скриптов) добавлять в тело поста ЖЖ или заметки ВКонтакте (например) часть текста статьи или даже весь текст?

можно ли как-нибудь запихать в ссылку the_excerpt?

muar

В коде кнопки для Google buzz приведен неверный адрес

не http://www.google.com/reader/link

а http://www.google.com/buzz/post

rambomzh

Я ща замучался... смотрю чего то WordPress глючит... а проблемы была в том, что Вы для кода вконтакте забыли в конце закрыть тэг a...

Дмитрий

rambomzh: спасибо за замечание, все поправил для кнопки В Контакте.

surgeon4

Sleep Walker: патаму что сперто :)))))))))))

surgeon4

Sleep Walker говорит, что:

O.o А зачем в коде Google Buzz ссылка на сайта Глобатора?

патаму чта сперта http://shakin.ru/other/social-buttons.html

фу, у вас ссылки вырезает из каментов. лучше удалите кнопку «вставить ссылку» из формы

Дмитрий

surgeon4: ну, не сперто (фу, слово какое нехорошее, хотя и хлесткое), а скомпилировано из разных источников. Глобатор ведь тоже не сам код написал (насколько я знаю, он не программер, хотя и человек хороший, вежливый и общительный). Зачем изобретать велосипед, когда все уже придумали за нас.

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

Александр

При попытке разместить кнопку твиттера в WordPress получил сообщение:

--------------

Fatal error: Call to undefined function fb_gettinyurl () in /usr/home/toppartn/domains/toppartner.ru/public_html/blog/wp-content/themes/wp-andreas01-12/single.php on line 15

----------

Где-то нужно скачать и разместить функцию fb_gettinyurl () ?

Алексей

Если кнопка «вконтакте» добавляется не на блог, а на сайт — как сделать, чтобы она работала?

Lord-Expert

Юзайте плагин Sociable RE; Sociable. Русская версия. Добавляет кнопки автоматической публикации ссылок на страницы вашего блога в популярных социальных сетях и сервисах закладок.

И не парьтесь 🙂

P/S:

Для WordPress

Lord-Expert

Михалыч: Sociable RE

Sociable. Русская версия. Добавляет кнопки автоматической публикации ссылок на страницы вашего блога в популярных социальных сетях и сервисах закладок.

Igor

Будем учиться! Автору спасибо!

toxedo

Да... Для Joomla бы модуль такой... Голосую за материал по Joomla!

Денис

Что то не работают эти коды. Подскажите поподробней.

Владимир

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

Денис

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

Олег

Здравствуйте! Дмитрий, если не наглость с моей стороны, то подскажите, пожалуйста. Плагин соц. закладок который я использую мне удалось отредактировать под русские соц. сервисы. Проблема только с Я.ру. Никак не получаестся сделать так, чтобы поисходило автозаполнение. Вот фрагмент кода. Я.ру нижняя, две верхние я добавил для примера:

'vaau' => array ('title' => 'Ваау!', 'uri' => 'http://www.vaau.ru/submit/?action=step2&url='),

'news2ru' => array ('title' => 'News2.ru', 'uri' => 'http://news2.ru/add_story.php?url='),

'korica' => array ('title' => 'Korica', 'uri' => 'http://korica.info/add_story.php?story_url='),

'smi2' => array ('title' => 'Поделиться ссылкой на Я.ру', 'uri' => 'http://my.ya.ru/posts_add_link.xml?url=&title='),

Проблема, я так понимаю в окончании url=&title=

В таком виде только title заполняется, url — нет.

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

Олег

Почему-то не отобразолось... Там везде url=, title=

Олег

Опять нет. url=link title=title после знака равенства — в теговых скобках и с большой буквы.

Ольга

Спасибо большое за такую ценную и подробную информацию. Я уже использую закладти на своём блоге, но с удовольствием усовершенствую с Вашей помощью!

Спасибо!

Кристина

Добрый день! Спасибо за столь подробное описание. Попробовала сделать, вроде что-то получилось. Но вот проблема, у меня пропали буквы...Нажимаешь под статьей — «Подробнее», переходишь туда и где раньше внизу статьи были слова, по-моему, «теги», «Рубрика» сейчас там знаки вопроса. Не подскажите как это можно исправить

Серый

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

Андрей

Скажите, а как сделать так, что бы кнопки соц. сетей отображались только на странице полного описания материала, статьи, а то у меня и на главной и в категориях, а НУЖНО ЧТО БЫ ТОЛЬКО НА СТРАНИЦЕ ПОЛНОГО ОПИСАНИЯ СТАТЬИ. Админ, ответ дайте на почту .

Александр

Вот какая неприятность выходит. Кнопка Liveinternet вставленная в WordPress срабатывает так. Происходит переход на страничку добавления ссылки. И вставляется вот такой текст:

<?php the_permalink(); ?>

Пример некорректной работы на моем сайте. Подскажите, пожалуйста, что тут можно исправить? Вообще-то желательно, чтобы копировался заинтересовавший посетителя материал со ссылкой на сайт.

С Новым годом! Всех благ!

Александр.

Port1394

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

Alexey Serg

Спасибо за статью.

Есть вопрос. В «моем мире» есть кнопка «Нравится» (адрес — api.mail.ru/sites/plugins/share/), код которой немного другой.

Там для передачи используется параметр rel, и я никак не могу добавить nofollow. Может кто подскажет, как отредактировать код и вставить туда Nofollow?

J.C.

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

Хотелось бы узнать возможно ли сделать вместо кнопок, checkbox'ы с социальными сетями. Пользователь выбирает те социальные сети в которые нужно отправить ссылку жмёт submit и в iframe открываются окна с этими социальными сетями с добавленной новостью. Пользователю лишь остается подтвердить факт отправки ссылок.

Сам бьюсь над этим уже три дня результат нулевой...

Виктор

С мая 2010-го года Яндекс перестал учитывать ссылки с rel=nofollow[4] и теперь его поведение в этом отношении аналогично Google, Yahoo и Bing.

Александр

Спасибо за статью! Без проблем установил кнопки, подкорректировав код. Проблема не в этом. Хотелось бы увидеть статью с описанием приемов эффективной работы с использованием все этих кнопок в социальных сетях.

Николай

Всё намного проще, плагин установил и всё. Называется Social Share Buttons для wordpress. Смотрится нормально и самое главное — работает без заморочек. С кнопками возился пол-дня а потом наткнулся на этот плагин. Просто песня.

Одесса

А почему сами поставили кнопки от api.yandex.ru ?

Lubch

Спасибо. Все доходчево и понятно.

Алексей

Дмитрий, подскажите пожалуйста, как закрыть в нофолоу кнопки от api.yandex.ru? Смотрел у вас в коде, только ничего не понял...

Оксана Завертана

Спасибо огромезное!!!!! 🙂

Очень полезный блог! И очень красивый! Я, как новичок, нашла очень много полезной информации и, главное!, доступной для меня!

Теперь с Вашей помощью буду усовершенствовать свой блог... 😉

Хотя раньше с многим не могла разобраться...

Lina

Ребят, дайте пожалуйста полный Код кнопки добавления в блог на Blogger для WordPress)))) А то в статье- съехало куда-то)))) ПЛИЗЗЗЗ

Игорь

Большинство людей испытывают трудности с ручной правкой кода блога для вставки каких-то дополнений, в том числе и кнопок социальных сетей — почему бы просто не воспользоваться каким-нибудь хорошим плагином, которых полно для самых разнообразных целей?

Neta

что-то я натворила со своим сайтом, у меня темы не открываются(((помогите,плиз!

Наталья

Очень-очень информативная статья! Спасибо за работу. Постараюсь реализовать какой-нибудь из предложеннных способов)

Владислав

А Что делать если у меня single.php

<?php 
get_header();
if (have_posts()) 
{
  while (have_posts())  
  {
    art_page_navi();
    art_post();
    comments_template();
  }
  art_page_navi();
} else {    
  art_not_found_msg();
}
get_footer(); 

Max

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

ushi

Подскажите, а как длбавить счетчик ретвитов рядом с кнокой tweet?

Tramp

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

Дмитрий

Lubch, Наталья и Оксана Завертана: пожалуйста и спасибо за отзывы.

Алексей: ну, обычно добавляют rel="nofollow", но иногда этого сделать не получается, ибо ссылка зашита в коде.

Lina: извините, пожалуйста. Действительно плагин некорректно код уводил за границы страницы. Сейчас все поправил. Спасибо за замечание.

Игорь: любой плагин создает дополнительную нагрузку на сервер хостера. Если вам интересно, то можете посмотреть мой список плагинов для WordPress.

Max и ushi: не знаю, извините.

Tramp: права на файлы картинок для кнопок социальных сетей? Трудно сказать, никогда с этим не сталкивался, хотя про права доступа (Chmod) писал.

Ирина

Нашла плагин, сделанный на основе этого скрипта. Это вообще нечто! Называется Social It! Можете посмотреть у меня http://asmircomp.ru. И в коде копаться не надо и настраивается легко!!!

airat333

Подскажите пожалуйста, как вы сделали поделиться и гугл +1 на одной строчке

Александр

Подскажите пожалуйста как правильно передавать the_title если в загаловке есть символ &. К примеру, заголовок статьи Sasha & Masha, он передает до символа &.

Дмитрий

У меня нет в файле переменной

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

и как следствие не могу найти куда именно вставить кнопки! Помогите пожалуйсто!

p.s. кнопки такие же как и у Вас на сайте, с Яндекса.

Андрей

Кнопки всех соцсетей работают нормально, но вот кнопка Вконтакте не цепляет картинки именно из записи, видимо из за размеров. В случае с Яндексовским скриптом надо вставить в код параметр

data-yashareImage="http://{url_image}"

Не подскажите как правильно прописать динамический адрес миниатюры в записи? И что сделать чтобы скрипт воспринимал размер рисунка миниатюры как маленький, не меняя размеры самой миниатюры?

Евгений

Доброго времени суток. А не затруднит ли кого-нибудь из присутствующих, или может быть даже самого хозяина блога, подсказать, как исправить вот такую проблему http://imageshack.us/photo/my-images/528/456nb.png/ (Для тех, кому не хочется смотреть картинку или ходить по ссылке — при наведении курсора на значок той или иной соц. сети, то, что в title отображается «кракозябрами». Понимаю, что проблема в кодировке, эксперименты с прописывание charset не спасли. Блог на wordpress'e, буду очень признателен за помощь или наводку =) )

Владимир

а как такую же кнопку для «одноклассников» добавить?

Александр

А какой код для одноклассников?

И какой стиль у Вас прописан для блока соцсетей?

Тория

рискну спросить. Я не лезу в никакие сингл, на данный период мне достаточно написать и опубликовать, в консольном меню опции -плагины- нет. Хочу вручную добавить две кнопки, кому не трудно. Дайте, пожалуйста URL-адрес сервиса с share для одноклассников и Vk. кому не трудно... а так же url c адресом иконки...

а статья информативная и доступная. мой вам ЛАЙК )))

Улан

у меня изображение как бы обрезанное почему я все коды ведь правильно скопировал?(((

Геннадий Константинович

Вам мой лайк. Для меня начинающего здесь много полезной информации. Эту задачу я хотел закрыть скриптом share42 (http://share42.com/ru). На домашнем сервере Open Server всё получилось (http://infbiznulltest.ru). А вот перенести на хостинг SptingHost не получилось: не находит файл http://infbiznull.ru/share42/share42.js. Хотя на сервере хостинга есть папка в директории infbiznull, в которой содержится этот файл. Кто подскажет, что делать?

Оксана

Большое спасибо за полезную информацию, очень выручили.

Юрий

Вообще отлично, так бы, искать пришлось километр времени.

Волков Олег.

Дмитрий.

С момента написания этой статьи прошло больше двух лет. Не пора ли обновить информацию?

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

Куда бы не вставлял код в файле single.php, ничего не получалось. Они появлялись либо в самом начале страницы, либо в самом, после формы для комментария, конце.

Мне удалось разобраться и вставить социальные кнопки там, где нужно, но уже в другом файле loop-single.php.

С уважением.

Владимир

Дмитрий, но какой код нужно добавлять в WordPress чтобы появилась кнопка от одноклассников? Я нигде в инете не нашёл информации.

Подскажите пожалуйста.

Юлия

ВКонтакте теперь по другому адресу. Эти коды устарели, если кто-то будет их ставить, не проверив, и не понимая, что он делает, получится неизвестно что...

Просьба к уважаемому автору — проверить и поправить коды, чтобы они соответствовали текущему моменту.

Даша

Ребят, а если я хочу при нажатии «поделиться», чтоб вместе с постом уходила и миниатюра к записи, или хоть какое-то может изображение, заданное стандартно(в идеале все таки миниатюра к посту, которым делятся), как это сделать?

Подписаться не комментируя