Загрузка. Пожалуйста, подождите...

                    

                        
RSS
  • Главная
  • Регистрация
  • Карта сайта
  • О нас

» Web-дизайнерам » TweetMeme - ReTweet button на любом движке

TweetMeme - ReTweet button на любом движке

Web-дизайнерам Комментарии (16)

В качестве вступления скажу о том, что микроблоги на данный момент становятся все более распространенными. Популярны они даже среди макро обычных блог(г)еров.
Наибольшие шаги в развитии делает такой сервис, как Твиттер. Рассказывать, что это такое не вижу смысла - мало кто о нем не знает, а если такие и есть - Гугл уж точно подскажет.

Но речь сегодня пойдет не непосредственно о Твиттере, а о вещице, называемой ReTweet Button. Вы наверняка замечали на блогах такую кнопку:
TweetMeme - ReTweet button на любом движке
Так вот, это и есть та самая кнопка. Число на ней показывает, сколько раз в Твиттере опубликовали ссылку на данную статью. При нажатии кнопки "Retweet" открывается окошко, позволяющее быстро ретвитнуть запись в своей ленте. Удобно, не правда ли? Ведь многие владельцы блогов получают немалый траффик с этого сервиса микроблогов.

Заметил, что многие пользователи Твиттера первое время не понимают первое время определенных терминов. Наиболее непонятным для большинства является именно термин "retweet". Изучая статистику поисковых запросов, заметил, что часто ищут фразы типа "retweet перевод", сейчас попробуем разобраться, что же это такое. Retweet перевести дословно достаточно сложно. Это будет что-то типа "Перечирикнуть" smile Любопытно, что определение "твит" всем становится понятно сразу - это сообщение в Твиттере. Ретвит же - что-то вроде цитаты. Ретвит сообщения выполняется двумя способами:
  1. Под сообщением справа нажимается кнопка "Retweet". Все ваши фолловеры таким образом увидят ретвитнутое сообщение, даже если цитируемый вами человек не будет в их списке фолловинга.

  2. Копируется сообщение цитируемого, а перед ним вставляется "RT @autor", где Autor - ник цитируемого человека. Последствия те же, что и у первого способа, но тут отправителем будете вы.
Так что в Ретвите ничего сложного нет. Самое главное - понять суть, как он работает, и не пытаться его переводить fellow


Наиболее распространенным retweet-button-сервисом является tweetmeme. Но имеется проблема, заключающаяся в том, что изначально, насколько мне известно, рассчитана эта система на сайты с CMS WordPress и Joomla.
Но немного покопавшись, мне удалось найти способ, как устанавливать данную кнопку на любую CMS (Даже Ucoz) и не только - статические страницы мы тоже не обделим fellow

Началось все с того, что я, как обычно читал блоги в поисках любопытной информации и интересных мыслей (Как ни странно, большинство мыслей для моего блога мне приходит в голову при чтении чужих блогов) и наткнулся на статью "Вставляем кнопку “TweetMeme” в любое место шаблона WordPress". Как вы видите, опять речь о WordPress'е, а мне что делать с DLE? Я левый что ли? Ну нет уж bully

Выполнив минимальные преобразования кода мне удалось воплотить задуманное в жизнь. Итак, записывайте (а лучше сразу устанавливайте себе на сайт), как поставить кнопку tweetmeme на DLE:

Идем в Админпанель - Шаблоны Сайта - Статья Целиком и в нужное место (Где хотите выводить кнопку) вставляете следующий код:
<script type="text/javascript">
tweetmeme_url = '{full-link}';
tweetmeme_source = 'webholt';
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Только вместо "webholt" пишите свой логин в Твиттере.

Если вы хотите, чтобы кнопка выводилась также в краткой новости, необходимо то же самое вставить еще и в Админпанель - Шаблоны Сайта - Краткое Содержание.

Сложно? Нет! Зато теперь вы имеете кнопку на своем DLE-Сайте.

Теперь о более интересном. Данный скрипт позволяет установить кнопку tweetmeme на любой CMS и даже на статичный сайт. Начну с такой банальности, как Ucoz. Многим эта система знакома, многие долгое время ею пользовались, а кто-то до сих пор держит там сайты. Если вы желаете поставить на сайт с этого хостинга ReTweet-Button, идите в Панель Управления - Редактор Страниц - Управление Дизайном Модуля - Страница Материала и Комментариев к Нему. Там находите "$MESSAGE$" (Можно через Ctrl+F) и прямо перед этим оператором ставите следующий код:
<div style="float: right; margin-left: 10px; margin-top:30px;">
<script type="text/javascript">
tweetmeme_url = '$ENTRY_URL$';
tweetmeme_source = 'webholt';
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>
</div>

Опять же "webholt" заменяете своим ником в Твиттере.
Сам код вы можете вставить в любое место страницы и необязательно в контейнере, но в таком виде кнопка будет располагаться в точности как в WordPress'е.
Чтобы в краткой новости появилась эта кнопка, аналогично правим "Вид Материалов".

Вот уже мы установили кнопку tweetmeme на UCOZ, на DLE. Казалось бы, куда дальше?
Давайте проанализируем те коды, которые необходимо использовать на этих CMS:
tweetmeme_url = '{full-link}';

tweetmeme_url = '$ENTRY_URL$';

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

Кто догадался, к чему я веду - молодец. А кто не догадался... Тот просто быстро читает lol

Мы можем использовать данный скрипт на обычных статических сайтах. Да-да, простые html-странички, без CMS, без php и т.д. Просто берем следующий код и вставляем его в нужное место нужной страницы:
<script type="text/javascript">
tweetmeme_url = 'http://your-site.ru/your-page.html;
tweetmeme_source = 'webholt';
tweetmeme_service = 'bit.ly';
</script>
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

Где снова заменяете "webholt" чем? Уже дважды написал, думаю настолько непонятливых читателей у меня нет, а если есть - можно прокрутить страницу наверх и посмотреть smile
Ну а "http://your-site.ru/your-page.html" заменяете на нужную страничку.

Вот и все, ReTweet Button на статической странице готов(а).

Зная, как подставить нужную ссылку в кнопку, вы можете ссылаться не только на страницу, на которой эта кнопка стоит, но и на любую другую. Зачем это нужно? Предлагаю задуматься и поделиться мнением в комментариях fellow
У мудреца спросил юнец:
"Скажи, пожалуйста, мудрец,
Дай на вопрос ответ мне ясный,
Что лучше женщины прекрасной?"
Незнаю что сказал мудрец,
Но я отвечу: RSS!

Хотите получать информацию о новых записях на e-mail? Подпишитесь на RSS-рассылку. Введите адрес вашей электронной почты в форму ниже и нажмите "Подписаться".

Уважаемый посетитель, вы зашли на сайт как незарегистрированный пользователь. Оставленные комментарии отправляются на модерацию. После регистрации появится возможность попасть в список Комментаторов.


Другие новости по теме:

  • Кнопки социальных сетей на HTML
  • Панель социальных сервисов
  • Как сайты работают на iPad - разоблачение
  • Автопостинг в Twitter через oAuth
  • Предложение подписаться на RSS в постах
  • 4-03-2010, 22:20 
    Просмотров: 5040



    #1 написал: Oleg Mykhailenko (5 марта 2010 03:58)



    Группа: Комментатор
    Регистрация: 5.03.2010
    Спасибо за линк на меня)
    Я, кстати, когда писал свою статью, тоже задумывался на счет того, чтобы еще написать для нескольких двигов, но потом передумал) Раз уж решил писать для ВП, так и быть) А ты молодец! Полезно)
    Кстати, можно было еще написать за Джумлу и Друпал)
    ICQ: -- [цитировать]

    #2 написал: gwer (5 марта 2010 07:33)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Тот код, которым все пользуются (о котором ты писал и я в этой статье) изначально и задуман под Джумлу (вчера а документации к tweetmeme обнаружил. А с друпалом я что-то совсем не знаком.

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

    Но я подумаю, может вечерком допишу))
    ICQ: -- [цитировать]

    #3 написал: LLIaX (11 апреля 2010 17:20)



    Группа: Гости
    Регистрация: --
    Хм, у меня при добавлении кнопки на DLE выдает ошибку, что данный урл не найдет и кнопка не работает. Перехожу на сайт tweetmeme, пишет что ошибка связи с сайтом.
    ICQ: -- [цитировать]

    #4 написал: gwer (11 апреля 2010 17:29)



    Группа: Администраторы
    Регистрация: 4.12.2009
    А куда вставляете кнопку? fullstory.tpl?
    ICQ: -- [цитировать]

    #5 написал: LLIaX (11 апреля 2010 18:20)



    Группа: Комментатор
    Регистрация: 11.04.2010
    В shortstory

    И ещё, в полной новости работает, но идет реплей всегда на главную страницу сайта.
    ICQ: -- [цитировать]

    #6 написал: gwer (11 апреля 2010 18:34)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Странно, сейчас попробовал - все работает даже в shortstory.
    Строка
    tweetmeme_url = '{full-link}';

    сохранена без изменений?

    Можно адрес сайта?
    ICQ: -- [цитировать]

    #7 написал: LLIaX (11 апреля 2010 18:35)



    Группа: Комментатор
    Регистрация: 11.04.2010
    Без изменений!
    Пробовал даже с API, один фиг. В полной все ок, в краткой мертво!
    aep24.ru
    ICQ: -- [цитировать]

    #8 написал: LLIaX (11 апреля 2010 18:54)



    Группа: Комментатор
    Регистрация: 11.04.2010
    Может быть двиг DLE виновен, версия 7,3 на 8.2 все работает. Хм...задумался winked
    ICQ: -- [цитировать]

    #9 написал: gwer (11 апреля 2010 19:06)



    Группа: Администраторы
    Регистрация: 4.12.2009
    Вероятно, последствия "нуленого происхождения" движка. {full-link} не обрабатывается в короткой версии.

    Попробуйте файл show.short.php скачать (Правой кнопкой - сохранить по ссылке) и положить его в директорию engine/modules/show.short.php у себя на сайте (предварительно сохранив старый файл на всякий случай).

    Или обновите движок до версии по-новее (Нуленый 8.3 точно был, может даже 8.5 уже есть). А лучше приобретите лицензию, если сайт, над которым работаете - СДЛ, а не очередной сателлит.
    ICQ: -- [цитировать]

    #10 написал: Indra (13 августа 2010 10:33)



    Группа: Гости
    Регистрация: --
    Дякую, допомогло!
    ICQ: -- [цитировать]

    #11 написал: Александр (7 сентября 2010 07:01)



    Группа: Гости
    Регистрация: --
    спасибо, давно искал, сделал у себя на сайте, все работает, ресект автору
    ICQ: -- [цитировать]

    #12 написал: podolskiis (22 сентября 2010 12:32)



    Группа: Гости
    Регистрация: --

    Помогите установить эту кнопку для Joomla

    ввожу в статью этот код:

    <script type="text/javascript">
    tweetmeme_url = 'http://your-site.ru/your-page.html;
    tweetmeme_source = 'webholt';
    tweetmeme_service = 'bit.ly';
    </script>
    <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>



    А кнопки нет
    Что я делаю не так ?
    Может есть какой еще способ?
    ICQ: -- [цитировать]

    #13 написал: gwer (22 сентября 2010 13:35)



    Группа: Администраторы
    Регистрация: 4.12.2009

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

     

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

    ICQ: -- [цитировать]

    #14 написал: podolskiis (24 сентября 2010 07:58)



    Группа: Гости
    Регистрация: --

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

    default
     по этому пути 
    Ваша папка шаблона\html\com_content\article\defaul 

     Спасибо, и всем удачи!!!!!!!!!

    ICQ: -- [цитировать]

    #15 написал: David (26 апреля 2011 21:23)



    Группа: Гости
    Регистрация: --
    простите за глупий вопрос, а какая разници между tweet and retweet кнопками. Ну в принципе я знаю разницу, но раз так тогда какой смысл заморочиться и поставить retweet если можно просто -напросто ставить кнопку от twitter.com ?

    Или я чего то не догоняю
    ICQ: -- [цитировать]

    #16 написал: gwer (26 апреля 2011 23:35)



    Группа: Администраторы
    Регистрация: 4.12.2009
    David, одно и то же. Разница, например, во внешнем виде. 
    ICQ: -- [цитировать]

    Добавление комментария


    Ваше Имя:
    Ваш E-Mail:
    Код: Включите эту картинку для отображения кода безопасности
    обновить, если не виден код
    Введите код






    Подключить безлимитный интернет мегафон
    Адреса магазинов в городах России. Афиши развлекательных мероприятий.
    wisenum.ru
    Клатч Bottega Veneta
    Новости моды. Издание о моде и стиле.
    keepall.ru
    • QR-код данной страницы

    • Вход на сайт

        Логин
        Пароль
         
        » Регистрация на сайте!
        » Забыли пароль?
    • Навигация

      • Главная
      • Web-дизайнерам
      • CSS-хитрости
      • SEO
      • Сервисы
      • Заработок в интернете
        • На сайте
        • Без сайта
      • Photoshop
      • Интернет-полезности
      • BestMasterиZация
      • Обзоры
      • Цитаты
      • Из зомбоящика
      • Блог
      • Разработка
      • Проекты
      • Мое мнение
      • Обманы
      • Twitter
      • Twidium
    • Опрос

        Какую поисковую систему предпочитаете?

        Google
        Yandex
        Rambler
        Апорт
        Mail.ru
        Nigma
        Другие


    Photoshop Online
    Просмотр скрытой информации ВКонтакте

    © WebHolt
    Рейтинг блогов
    Копирование материалов с сайта разрешено исключительно при наличии активной ссылки на сайт