Добавление кнопки "Отправить сообщение в Твиттер со ссылкой на блог"(Tweet This)
Твиттер это отличный сервис для генерации ссылок на полезные или интересные статьи блога. Помогает читателям блога отправить в твиттер сообщения о понравившихся стаьях. Синдицируется в каждое сообщение блога.
Вот три разных способа, как можно это сделать:
Добавление простой ссылки "Tweet This"
Получаемая ссылка ссылка является текстовой ссылкой, которая использует адрес и название Вашего блога.
Есть, множество способов, с помощью которых эта возможность может быть реализована. Сейчас я расскажу о самых основных методах установки.
Перейти к макету> Изменить HTML блога в панели инструментов, не забываем про флажок "Расширить шаблоны виджета".
Находим (CTRL+F) следующую строку кода (или подобную):
<div class='post-footer'> |
Cразу же после этой строки, вставьте следующий фрагмент кода:
<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @ YOUR-TWITTER-USERNAME " + data:post.url' title='Tweet it on Twitter'>Tweet This</a> |
Не забудьте заменить "ВАШЕ-ТТВИТТЕР-ИМЯ_ПОЛЬЗОВАТЕЛЯ", собственным именем пользователя!
Затем сохраните шаблон. Это позволит добавить "Tweet This" в раздел пост-колонтитул под каждым сообщением блога. Читатели могут нажать на эту ссылку, чтобы получить возможность отправлять сообщение следующего вида:
Картинка + ссылка "Tweet This"
Если вы хотите использовать стильные кнопки для ссылки "Tweet This", вы можете использовать следующий код:
<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @ YOUR-TWITTER-USERNAME " + data:post.url' title='Tweet it on Twitter'> <img src="http://image-host.com/your-image-link.jpg" alt="Tweet This" /> </a> |
В итоге вы должны получить примерно следующее (только со своим именем и ссылкой на картинку):
<a expr:href='"http://twitter.com/home?status=Reading " + data:post.title + " @DiVolk " + data:post.url' title='Tweet it on Twitter'><img alt='Tweet This' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiImGfOe8fbVAod5LRwFzMTO-XCZsoNOcKSotR5KSBrR8wKMqUT19CbN7Mkiuvzg0UarUET9hyMuVXm8zBXJptIl6VYADiAr8V2VpU3oXiersxILxPIOIa4WBIas-vpLPpvb93ksoQ_6x4Y/s800/tweetthis-14.JPG'/></a> |
Результат, можно увидеть у меня в блоге.
Использование коротких URL-адресов для ссылок "Tweet This"
Не всегда заголовок + ссылка на пост укладываются в 140 знаков, отведенный в Твиттер для сообщений, в таких случаях желательно использовать для ссылок "Tweet This" короткий URL, типа Bit.ly
Все более-менее серьёзные манипуляции с шаблоном, начинаем с резервного копирования (береженного, все берегут).
Далее Макет→ Изменить HTML-страницы, ставим галочку возле "Расширить шаблоны виджета".Ищем в шаблоне (Сtrl+F) следующую строку (или её аналог):
<div class='post-footer-line post-footer-line-1'> |
Если полного соответствия строки в шаблоне нет, то ищем по “фразе”: 'post-footer'. В моем шаблоне искомая строка выглядит следующим образом:
<p class='post-footer-line post-footer-line-3'/> |
Кроме того, вы можете добавить свой код сразу после <p><data:post.body/></p> .
Сразу после найденной “фразы”, вставьте следующий фрагмент кода:
<b:if cond='data:blog.pageType == "item"'><span style='float: left; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhR-f5KwHOcMBuW_NagW3IXwzTEBxxgY3A23CSea4R32H9DibmlzRbUYY0gjycAz_5mwskLJS-xNX8CrEBefkhaCmTWlqLGf8V40zn6SnNIwAG_slsIj-unU7qkmD4y12GRaQcDK6TE31ci/s128/twitter-16x16.png) left no-repeat; padding-left: 20px;'><script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&login=tweettrackjs&apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/> |
Сохраняем шаблон. Теперь, в нижнем пост-колонтитул вы должны будете увидеть: Внимание! Кнопка не видна при просмотре с "Главной".
Эта ссылка автоматически генерирует Bit.ly сокращенный URL Bit.ly для вашго сообшения. Когда читатель нажимает на эту кнопку, получается ледующий результат:
http://bit.ly/url I'm reading: [title-of-blog-post] |
“I'm reading” можно заменить любой нужной вам фразой, у меня: “рекомендую”
Делать возможным отображение "Tweetbacks" в вашем шаблоне.
<script src="http://danzarrella.com/tb.js"></script> |
Простейшая установка состоит в том, чтобы вставить этот код в HTML / JavaScript виджет в любое удобное место вашего шаблона. Это позволит отображать Tweetbacks на каждой странице блога, а также покажет Tweetbacks относящиеся к каждой отдельной странице.
Другая возможность заключается в том, чтобы добавить Tweetbacks под разделом шаблона "Ссылки на этот пост" с группировкой этих tweets (собщений)соджержащих обратные ссылки для каждого отдельного поста.
Ищем в шаблоне строку:
<b:includable id='backlinks' var='post'> |
Сразу же после этой строки, вставьте следующий фрагмент кода:
<h4>Tweetbacks<h4> |
Это позволит добавить Tweetbacks с подходящим названием чуть выше "Ссылки на этот пост" раздела Вашего макета.
Примечание: Чтобы этот метод работал, вы должны разрешить "Обратные ссылки", в Настройки> Комментарии на панели инструментов.
Добавить обновления TwitPic на боковой панели (сайдбаре)
TwitPic позволяет обмениваться изображениями с Твиттером, которые могут быть размещены по телефону, используя TwitPic API, либо непосредственно на сайте TwitPicте.
Используйте эту ссылку, чтобы добавить обновления TwitPic на ваш блог.
Добавить обновления Твиттер в "реальном времени"
Позволяет просмотривать потока обновлений (tweets) в реальном времени, вместо того, чтобы обновлять или периодически рефрешить Твиттер.
Вот два полезных гаджета для блоггеров, которые могут быть использованы для отображения в реальном времени изменений в вашем микроблоге:
Твиттер поиск
Разработано 32Hours.com этот гаджет обеспечивает поток обновлений для данного поискового термина, хэш-тег или имя пользователя.
Просто добавить гаджет на свой блог, а изменение условий для поиска произвести, после установки:
Посетите страницу 32Hours.com, чтобы узнать больше об этом гаджете, нужно зарегистрироваться и установить в формат блога. Недостатком, является наличие посторонней (авторской) рекламы, я не пробовал, но желательно её “выковырять”.
Juitter гаджет - обновления в реальном времени с настраиваемыми условия поиска
Этот гаджет позволяет в реальном времени обновляет сообщения на основании условий поиска, которые вы указываете при установке. Для поиска можно задать имя пользователя и даже комбинации слов:
Нажмите здесь, чтобы добавить этот гаджет Juitter в свой блог. Впрочем, я так и не смог заставить этот гаджет реагировать на кириллицу. Может быть полезен для поиска “тематических” буржуйских тви-аккаунтов.
Согласитесь, приятно получить полный комплекс услуг. Компания «Солярис» не только реализует домашние кинотеатры, Hi-Fi и Hi-End технику в Москве,но и оказывает профессиональные консультации при выборе любой Hi-Fi и Hi-End техники.
Спасибо, интересно все расписал. Все в техническом плане. Запустил ссылку в твиттер. Кстати, пользуясь случаем, хотел бы спросить: ты случайно не знаешь, как в AlertThingy ссылки резать в твиттер??
Написал не я, я только перевёл.
AlertThingy - не слышал о таком.
Не знаю, я вроде бы и не стар, но отдаю предпочтение старому способу: лапками набрал сообщене в ТВИ, вставил ссылочку и отправил...
если у меня один блог, публикую 3 поста в неделю, мне абсолютно не напряжно написать парочку предложений в твиттер...
хотя может я и не прав, просто отстаю от технического прогресса...
Я тоже, всё набираю в тви. Всевозможными клиентами не пользуюсь. В мой тви-акк сообщения о новых постах уходят на автомате, это да, а остальное руками, но вот о посетителях надо заботиться, вот для них все эти гаджеты и виджеты.
А не подскажите,почему url на twitter не генерируется в bit.ly как раньше?
Не совсем понял вопрос. Или я чего-то пропустил.
Я стараюсь процесс сокращения ссылки не пускать "на самотек". Исходя из надобности публикую либо полную ссылку, либо если важен текст, то сокращаю какой-либо сокращалкой. bit.ly не пользуюсь вообще( слабая статистика и к тому же они "палят" некоторые сайты, как "сомнительного содержания").
А когда перестала генерироваться bit.ly? И во что генерируется? Может у них варианты закончились для сокращения? У bit.ly ведь появилась еще одна сокращалка j.mp
Смотря как публикуется ссылка если через фидбернер, то будет goo.gl Если через twitterfeed, то должна быть bit.ly Вроде так
Только что попробовала вставить данный код в DLE - не работает. Вы руководство для WP написали только? Или как?
для Blogger на blogspot.(Заголовок и Урл). С WP не работаю.