2 мая 2010

Как быстро добавлять ссылку на аккаунт Twitter в свои посты

wordpress для чайниковДля этой цели используем недавно анонсированный сервис самого Twitter, который называется @anywhere. Выглядеть это будет так
wordpress для чайников

Выполните следующие шаги:

  • Сначала вам нужно войти под своим никнеймом Twitter по ссылке http://dev.twitter.com/login
  • Далее нужно зарегистрировать приложение (Register an Application), которым будет являться ваш сайт. Заполните поля как показано на рисунке. Поле Description заполните как считаете нужным


wordpress для чайников

  • После того как вы согласитесь с TWITTER API TERMS OF SERVICE получите API key, который сохраните
  • Создайте в папке с шаблоном на вашем сервере файл showtwitt.php содержащий следующий код, в котором фразу APIKey замените на полученный ключ приложения:
    <!-- main script code -->
    <script src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1" type="text/javascript">
    </script>
    
    <!-- insert @twittername  link  -->
    <script type="text/javascript">
    	twttr.anywhere(onAnywhereLoad);
    	function onAnywhereLoad(twitter) {
    		twitter.linkifyUsers();
    };
    </script>
    
    <!-- show off user's card  -->
    <script type="text/javascript">
    	twttr.anywhere(onAnywhereLoad);
     	function onAnywhereLoad(twitter) {
     		twitter.hovercards();
    	};
    </script>
    
    
  • в файле header.php шаблона перед закрывающим тегом </head> вставьте строку
    <?php include(TEMPLATEPATH."/showtwitt.php"); ?>
    

Теперь вам достаточно указать в любом месте статьи имя любого твиттерянина, например @wpstarter, и при наведении загрузится всплывающая карточка (hovercard) с возможностью фоловинга.
Какие недостатки сервиса заметил:

  1. Сервис бывает недоступен, тогда ссылка неактивна
  2. Увеличивается время загрузки страницы, замеры не делал, заметил по адресной строке в Opera
  3. Не тестировал во всех браузерах. В буржунете видел сообщения о том, что @anywhere не работает в IE8 и Chrome. У меня в Chrome работает. Если кто заметить неработоспособность, отпишитесь в комментариях.
Статьи по теме
Статья оказалась полезной? Подпишись на RSS рассылку или следуй за мной на твиттере @wpstarter или по этой ссылке wpstarter
Рубрика: twitter

Комментариев: 7

Вы можете следовать любому комментарию через RSS 2.0 feed.

Вы можете оставить комментарий или trackback с вашего сайта.

  1. Опа! Только вчера эту фишку заюзал у себя на блоге =)

    Радует)

  2. Интересно, но нужно ли?
    Гугл жаждет быстрых сайтов, а мы их нещадно тормозим.

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

  4. сегодня поставил себе на сайт

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

Обведите фигуру по линии:

Ставим WordPress на локальном копьютере