На Западе сейчас идет мания связывания сайтов в одно единое информационное пространство, и в авангарде идут сети, которые позволяют обмениваться ссылками и короткими записями об уже написанном — в принципе, такой подход в корне верен, ведь не все знают о чем-то умном, что другой умный уже успел написать. Называется такой подход социализацией и к социализму никакого отношения не имеет — оказывается, «socialize» по английски означает «общаться», ни больше, ни меньше, просто в интернете неграмотные решения расходятся на порядок быстрее правильных и грамотных.
Впрочем, нас интересует другое: из всех сервисов, которые там существуют (закладки, микроблоги, ссылко-свалки) в России полноценное развитие имеют только Twitter да запущенный недавно Google Buzz — два сервиса с разной идеологией, но близкие к народу. Никакой реальной пользы для сайта, вроде увеличения цитируемости или авторитетности эти сервисы не несут — только увеличение чисто механистических упоминаний, так как держатели PR и ИЦ давно научились их успешно фильтровать. Полезны они только для увеличения посещаемости, да и то, незначительно — в основном же, это просто уведомлялки и возможность поиска новых читателей, которую никогда не надо сбрасывать со счетов. А потому, давайте учиться, как повернуться к читателю лицом и дать ему возможность делиться прочитанным с другими, причем гораздо проще… обо всем по порядку.
В качестве отговорки, мы взяли блог, работающий на WordPress (наш, то есть), для которого есть масса плагинов, но зависеть от третьей стороны мы не хотим, потому код вставляем руками. Если заменить специфичные для WordPress коды на те, которые приняты, к примеру, в Drupal или Joomla, можно будет приспособить под любую.
Начнем с простого, Twitter (у него недавно изменился код вызова, рекомендуем поменять, для корректной работы):
- Находим на сервере с установленным WP папку темы (находится обычно в /wp-content/themes/НАЗВАНИЕ ТЕМЫ), внутри которой есть файлы с расширением .php
- Для этого можно пользоваться клиентом для FTP или программой для редактирования файлов прямо на сервере (web-interface), равно как и интерфейсом редактирования самого WordPress (Appearance → Editor).
- Открываем файл single.php и вставляем следующий код:
<a href="http://twitter.com/intent/tweet?source=webclient&text=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="<?php bloginfo('template_url');?>/images/twitter.jpg" border="0" alt="Добавить в Twitter" /></a> - Теперь внимательно смотрим, куда мы вставили код — он должен быть вставлен после строки с заголовком (содержит
php the_title) и перед строкой с контентом (содержитphp the_content), которые могут быть обрамлены тегами h2 или div, соответственно, нужно проследить, чтобы все вписалось после закрывающим тегом одного и перед открывающим тегом другого. Если не угадали, перетаскиваем код в нужное место. - Учтите, что изначально картинки, которая указана в ссылке, на сайте нет, и у вас ничего показываться не будет — для этого можно взять нашу (сохраните, загрузите).
- Дополнительно код можно вставить между тегами
<noindex>…</noindex>и оформить через<div style="border: 0px;">…</div> - Тот же код вставляем в файл, управляющий выводом страниц, page.php, если это требуется.
Теперь обратимся к коду Google Buzz, который мы вставим рядом (на картинке он уже вставлен):
- Выполняем шаги 1 и 2 раздела про Twitter
- В файл single.php и page.php (если требуется вывод кода для страниц) вставляем один из двух кодов добавления в Google Buzz, рядом с кодом Twitter:
- если требуется только добавление ссылки, код может иметь следующий вид:
<a href="http://www.google.com/buzz/post?message=<?php the_title(); ?>&url=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url');?>/images/Buzz.jpg" alt="Добавить в Google Buzz!"></a>
Этот код вызывает открытие нового окна, в котором можно добавить кусок текста, а ссылку скрипт вставит сам с названием статьи. Картинку можно взять нашу. Картинку надо положить в папку с темой и переписать адрес послеimg src - более сложная версия скрипта помогает добавить в запись еще и текст, который вы выделите на странице (выделили, кликнули на кнопку):
<a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain="http://www.google.com";if(b&&!document.xmlVersion){void(z=document.createElement("script"));void(z.src="http://www.google.com/reader/ui/link-bookmarklet.js");void(b.appendChild(z));}else{}' title='Добавить в Google Buzz!'><img alt='Добавить в Google Buzz' src='<?php bloginfo('template_url');?>/images/Buzz.jpg'/></a>
Точно так же выскакивает новое окно, но покрасивее, туда также можно добавить свое примечание, к которому добавится название статьи со ссылкой и ваша цитата из нее.
- если требуется только добавление ссылки, код может иметь следующий вид:
- Учтите, что вторая версия кода не поддерживается «неправильными» (Opera) и «устаревшими» (IE 6) браузерами, и в них будет работать как первая, так что ее, в любом случае, использовать предпочтительнее. Правда, если у пользователя вдруг отключен javascript (вряд ли), работать не будет совсем.
Вот, в общем-то, и все. Конкретно за модификацию нашего кода мы хотим сказать спасибо авторам «Идей для бизнеса», и если вам нужна именно такая, смотрите точно в код любой из наших страниц — там можно разобраться, даем слово.
Если вы поняли, что и как нужно делать, возможно, войдете во вкус и захотите добавить и другие кнопки. По алгоритму, указанному выше (переписывая картинки, которые можно достать в интернете или аккуратно вырезать из одной большой), прописываете коды для нужных сервисов из списка ниже:
<a href="http://www.facebook.com/sharer.php?u=<?php the_permalink(); ?>&t=<?php the_title(); ?>" target="_blank"><img src="<?php bloginfo('template_url');?>/images/facebook.jpg" border="0" alt="Поделиться ссылкой на Facebook" /></a>
Я.Ру
<a href="http://my.ya.ru/posts_add_link.xml?title=<?php the_title(); ?>&URL=<?php the_permalink(); ?>"><img src="<?php bloginfo('template_url');?>/images/ya_ru.jpg" border="0" alt="Поделиться ссылкой на Я.ру" /></a>
Livejournal
<a href="http://www.livejournal.com/update.bml?subject=<?php the_title(); ?>&event=<?php the_permalink(); ?>" target="_blank"><img src="<?php bloginfo('template_url');?>/images/LJ.gif"></a>
Мой Мир @mail.ru
<a href="http://connect.mail.ru/share?share_url=<?php the_permalink(); ?>" target="_blank"><img src="/wp-content/themes/clover/images/moimir.gif"></a>
ВКонтакте
<a href="http://vkontakte.ru/share.php?url=<?php the_permalink(); ?>" target="_blank"><img src="<?php bloginfo('template_url');?>/images/blank.gif"></a>
LiveInternet
<a href="http://www.liveinternet.ru/journal_post.php?action=l_add&cnurl=<?php the_permalink(); ?>" target="_blank"><img src="<?php bloginfo('template_url');?>/images/blank.gif"></a>
Blogger
<a 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" target="_blank"><img src="<?php bloginfo('template_url');?>/images/blank.gif"></a>




Среда, Февраль 17th, 2010, 13:53 | 



18.02.2010 at 17:28
# Находим на сервере с установленным WP папку темы (находится обычно в /wp-content/themes/НАЗВАНИЕ ТЕМЫ), внутри которой есть файлы с расширением .php
# Для этого можно пользоваться клиентом для FTP или программой для редактирования файлов прямо на сервере (web-interface).
эээ, есть ещё прощу и лучше вариант. Редактор файлов тем встроенный есть внутри админского раздела блога на word-press. Там даже русские комментарии есть, какой файл за что отвечает.
В целом спасибо :)
19.02.2010 at 9:21
xoxol, вы просто не знаете, что редактор этот встроенный есть не во всех актуальных ныне версиях WordPress, но за исправление спасибо.
18.03.2010 at 4:08
Самый Умный, редактор будет в тему, только если права на файлы шаблона выставлены правильно, а на некоторых хостингах автоматом ставятся права отличные от 755 и 644 и приходится права выставлять.
18.03.2010 at 9:18
Рид, спасибо за мысль, но она неверная. У нас на одном хостинге стоят два блога: один на WPMU, и там редактора встроенного нет, другой на WP, и там есть. Права нигде не выставлялись дополнительно, а сам скрипт этого сделать не может.
Это не напрягает — на хосте очень удобный редактор с подсветкой разметки, чего в WP нет по определению.
19.03.2010 at 17:36
Самый Умный, WPMU (много пользователей) и WP (один админ) не есть одно и то же, если на WPMU каждому новому пользователю давать доступ к редактору, может быть небольшой жопппп по вине какого нибудь естествоиспытателя.
20.03.2010 at 0:19
Рид, совершенно верно. Я прекрасно понимаю мысли разработчиков, потому про редактор так и написал. Это не моя идея была встроенным пользоваться, хотя, как вариант, она допустима, конечно.
12.05.2010 at 16:11
Странно, но тот код, что вы предлагаете для Buzz, на самом деле публикует ссылку в Google Reader…
17.05.2010 at 9:58
kbat, совершенно верно, Buzz через него и работает. Для Twitter ведь тоже должен быть аккаунт в Твиттере, так и для Гугля — Гугель сделал свой Buzz через свой Reader.
17.05.2010 at 12:39
С помощью интерфейса Gmail можно добавлять записи в Buzz, не добавляя их в Google Reader, поэтому я считаю что Buzz не использует напрямую Google, а не Google Reader.
Код, предлагаемый на этой странице, доавляет запись в Google Reader, а если его RSS-поток не синдикируется в Google Buzz, запись никогда не появится в Google Buzz.
Поэтому название статьи вводит читателя в заблуждение.
17.05.2010 at 13:10
kbat, у меня создалось ощущение, что вы знаете другой код. Раз так, значит, можете поделиться с нами (а мы со всеми, и все будут вам благодарны).
17.05.2010 at 13:16
kbat, на самом деле, я уже все нашел. Сейчас внесу изменения. Статья была старенькой, сейчас будет более совершенной.
17.05.2010 at 14:48
kbat, все поменял, немного добавил, пользуйтесь на здоровье.
17.05.2010 at 15:48
Спасибо, Самый Умный! ;)
20.05.2010 at 18:42
У меня такая проблемка с LiRu.
Дописал в ссылку: &title= — в итоге открывается окно добавления новой записи, но в заголовке крякозябры. Это у меня проблема или реально у них что-то с кодировкой?
03.06.2010 at 15:10
Ретвит не сокращает количество знаков до 140 … Приходится убирать ручками
21.09.2010 at 9:37
действительно проблемы и с ли.ру, и с я.ру в заголовке билеберда, посоветуйте как быть
21.09.2010 at 10:39
и если можно, опубликуйте пожалуйста весь кусок кода, у меня тумблер просто, не вордпресс — буду очень признателен, спасибо.
21.09.2010 at 11:29
q88b, чудится мне, дело именно в хосте. У нас вот тут UTF-8, все нормально на Я уходит, без кракозябров. Если же кодировки хоста напутать, может вылезти все что угодно.
Что значит «весь кусок кода»? Он весь и есть, просто написанный под WordPress — надо лишь вместо того, что указано в качестве кода php, поставить требуемые коды любого скрипта, и все. Код и соответствие:
<?php the_permalink(); ?>— это ссылка, что вы видите вверху<?php the_title(); ?>— это текст (в данном случае, название записи)29.09.2010 at 16:50
А кто подскажет, как вставлять такие кнопки не на WordPress, а на Blogger — я имею в виду, в каком месте вставлять код надо? Может кто-то сталкивался?
30.09.2010 at 8:39
Таня, а в блоггере есть возможность редактирования шаблона?
30.09.2010 at 9:08
Да, есть.
30.09.2010 at 14:59
Таня, вместо двух кусочков кода, что указано в моем комментарии прямо над вашим первым, вставьте что-нибудь (лучше соответстующие теги блогера), и можете пользоваться функционалом.
17.12.2010 at 8:21
Сейчас проще стало: http://api.yandex.ru/share/
17.12.2010 at 9:06
Проще не значит лучше. Зная, как в последнее время работают нецентральные службы Яндекса (почта, подписки, карты… с большими тормозами при загрузке, по крайней мере, на моих двух провайдерах, БиЛайн и Онлайм), устанавливать код себе не рекомендую. Меньше внешних вызовов со своего хоста (оставить лучше вообще только счетчик и рекламу контекстную) — больше гарантий, что будет стабильно работать, особенно, если учесть, что родной контент кешируется, а внешний нет.
Я не к тому, что ваше предложение неправильное — просто цену простоты тоже всегда нужно знать, а за рекомендацию спасибо.
24.06.2011 at 9:52
Всем затронутым: у Твитера недавно обновился код отправки твитов, рекомендуем обновить по указанному в нашей статье.