На Западе сейчас идет мания связывания сайтов в одно единое информационное пространство, и в авангарде идут сети, которые позволяют обмениваться ссылками и короткими записями об уже написанном — в принципе, такой подход в корне верен, ведь не все знают о чем-то умном, что другой умный уже успел написать. Называется такой подход социализацией и к социализму никакого отношения не имеет — оказывается, «socialize» по английски означает «общаться», ни больше, ни меньше, просто в интернете неграмотные решения расходятся на порядок быстрее правильных и грамотных.

Впрочем, нас интересует другое: из всех сервисов, которые там существуют (закладки, микроблоги, ссылко-свалки) в России полноценное развитие имеют только Twitter да запущенный недавно Google Buzz — два сервиса с разной идеологией, но близкие к народу. Никакой реальной пользы для сайта, вроде увеличения цитируемости или авторитетности эти сервисы не несут — только увеличение чисто механистических упоминаний, так как держатели PR и ИЦ давно научились их успешно фильтровать. Полезны они только для увеличения посещаемости, да и то, незначительно — в основном же, это просто уведомлялки и возможность поиска новых читателей, которую никогда не надо сбрасывать со счетов. А потому, давайте учиться, как повернуться к читателю лицом и дать ему возможность делиться прочитанным с другими, причем гораздо проще… обо всем по порядку.

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

Начнем с простого, Twitter:

  1. Находим на сервере с установленным WP папку темы (находится обычно в /wp-content/themes/НАЗВАНИЕ ТЕМЫ), внутри которой есть файлы с расширением .php
  2. Для этого можно пользоваться клиентом для FTP или программой для редактирования файлов прямо на сервере (web-interface), равно как и интерфейсом редактирования самого (Appearance → Editor).
  3. Открываем файл single.php и вставляем следующий код:
    <a href="http://twitter.com/home/?status=<?php the_title(); ?> <?php the_permalink(); ?>"><img src="/wp-content/themes/clover/images/twitter.jpg" border="0" alt="Добавить в Twitter" /></a>
  4. Теперь внимательно смотрим, куда мы вставили код — он должен быть вставлен после строки с заголовком (содержит php the_title) и перед строкой с контентом (содержит php the_content), которые могут быть обрамлены тегами h2 или div, соответственно, нужно проследить, чтобы все вписалось после закрывающим тегом одного и перед открывающим тегом другого. Если не угадали, перетаскиваем код в нужное место.

  5. Учтите, что изначально картинки, которая указана в ссылке, на сайте нет, и у вас ничего показываться не будет — для этого можно взять нашу (сохраните, загрузите).
  6. Дополнительно код можно вставить между тегами <noindex>…</noindex> и оформить через <div style="border: 0px;">…</div>
  7. Тот же код вставляем в файл, управляющий выводом страниц, page.php, если это требуется.

Теперь обратимся к коду Google Buzz, который мы вставим рядом (на картинке он уже вставлен):

  1. Выполняем шаги 1 и 2 раздела про Twitter
  2. В файл 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="wp-content/themes/clover/images/Buzz.jpg" alt="Добавить в Google Buzz!"></a>
      Этот код вызывает открытие нового окна, в котором можно добавить кусок текста, а ссылку скрипт вставит сам с названием статьи. Картинку можно взять нашу. Картинку надо положить в папку с темой и переписать адрес после img src
    • более сложная версия скрипта помогает добавить в запись еще и текст, который вы выделите на странице (выделили, кликнули на кнопку):
      <a href='javascript:var%20b=document.body;var%20GR________bookmarklet_domain=&quot;http://www.google.com&quot;;if(b&amp;&amp;!document.xmlVersion){void(z=document.createElement(&quot;script&quot;));void(z.src=&quot;http://www.google.com/reader/ui/link-bookmarklet.js&quot;);void(b.appendChild(z));}else{}' title='Добавить в Google Buzz!'><img alt='Добавить в Google Buzz' src='/wp-content/themes/clover/images/Buzz.jpg'/></a>
      Точно так же выскакивает новое окно, но покрасивее, туда также можно добавить свое примечание, к которому добавится название статьи со ссылкой и ваша цитата из нее.
  3. Учтите, что вторая версия кода не поддерживается «неправильными» (Opera) и «устаревшими» (IE 6) браузерами, и в них будет работать как первая, так что ее, в любом случае, использовать предпочтительнее. Правда, если у пользователя вдруг отключен javascript (вряд ли), работать не будет совсем.

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

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

Я.Ру

<a href="http://my.ya.ru/posts_add_link.xml?title=<?php the_title(); ?>&URL=<?php the_permalink(); ?>"><img src="/wp-content/themes/clover/images/ya_ru.jpg" border="0" alt="Поделиться ссылкой на Я.ру" /></a>

Livejournal

<a href="http://www.livejournal.com/update.bml?subject=<?php the_title(); ?>&amp;event=<?php the_permalink(); ?>" target="_blank"><img src="/wp-content/themes/clover/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="/wp-content/themes/clover/images/blank.gif"></a>

LiveInternet

<a href="http://www.liveinternet.ru/journal_post.php?action=l_add&amp;cnurl=<?php the_permalink(); ?>" target="_blank"><img src="/wp-content/themes/clover/images/blank.gif"></a>

Blogger

<a href="http://www.blogger.com/blog_this.pyra?t&amp;u=<?php the_permalink(); ?>&amp;n=<?php the_title(); ?>&amp;a=ADD_SERVICE_FLAG&amp;passive=true&amp;alinsu=0&amp;aplinsu=0&amp;alwf=true&amp;hl=ru&amp;skipvpage=true&amp;rm=false&amp;showra=1&amp;fpui=2&amp;naui=8" target="_blank"><img src="/wp-content/themes/clover/images/blank.gif"></a>

По теме