воскресенье, 7 марта 2010 г.

Как добавить Google Buzz Feed на свой сайт/блог за 5 мин?

В одном из постов я уже писал про то, как можно добавить кнопку Google Buzz в свой блог. Но, как всегда, когда есть возможность написать про пост в своем Google Buzz, то и хочется иметь возможность так же отобразить ленту из Google Buzz. Сейчас хочу описать как можно добавить такой фид на свой сайт.

Подключаем Google Buzz Feed


Чтобы добавить Google Buzz Feed на свой сайт, воспользуемся готовым решением google-buzz-widget от mikedotmore. Для этого необходимо выполнить 2 шага:
1. Добавляем скрипты jQuery (выше версии 1.3.2) и google-buzz-widget на страницу.
2. Добавляем инициализацию google-buzz-widget.


<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://google-buzz-widget.googlecode.com/files/jquery.google-buzz-1.0.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('div.my-buzz').googleBuzz({
username:'Sergey.Melnichenko'
,n:6
,show_n:3
});
});
</script>

<div class="my-buzz">loading..</div>

где username нужно заменить на ваше имя пользователя Google.

Дополнительные настройки Google Buzz Widget


Google Buzz Widget имеет несколько настроек, которыми вы можете воспользоваться:

- debug - включает debug режим. Если установить значение в 1, то будут выводиться ошибки. По умолчанию имеет значени 0.

- username - имя пользователя Google.

- n - число записей Google Buzz, которое будет запрошено. Максимальное значение 100, по умолчанию 1.

- show_n - число записей Google Buzz которое будет отображаться на странице. По логике вещей данное число должно быть меньше чем параметр n. Если данное число установить в 0, то будет отключен режим переходов между отображениями и будет отображаться простой список. По умолчанию данное поле имеет значение 1.

- stay_time - время отображения записи в миллисекундах . По умолчанию 5000.

- enter_time - время анимации за которое будет происходить отображение новых записей в миллисекундах. По умолчанию - 200.

- exit_time - время за которое будут скрыты старые записи при смене в миллисекундах. По умолчанию - 200.

- animate - какой режим анимации будет при смене записей. Доступны: 'opacity', 'height', 'width', 'fontSize', 'lineHeight'. По умолчанию - 'opacity'.

- header - Html разметка, которая будет помещена в начало виджета в качестве заголовка.

- snippet - режим отображения каждой записи. Если установить в 1, то будет отображаться краткое содержание, 0 - полностью запись. По умолчанию - 1.

- show_source - отображать источник записи (Twitter, Google Reader и т.д.). По умолчанию - 1.

- show_date - отображать дату записи или нет. По умолчанию - 1

- info - Html, в котором находится ссылка на сайт создателя виджета. Можно удалить ее, установив значение данного поля в "".

8 комментариев:

  1. Это будет выглядеть как очередной виджет на боковой панели? а нет ли какого нибудь способа делать кросс-постинг? т.е. когда я пишу что-то в Buzz это автоматом переносилось и в блог на Blogspot.com, обратно то можно, я знаю, но интересует именно этот костыль =_=

    ОтветитьУдалить
  2. Да, данное решение используется в качестве виджета на боковой панели.

    Интересно, крос-постинг говоришь... Пока таких решений не встречал.

    Если еще найдется 2 заинтересованных человека, то готов реализовать небольшой сайт с таким функционалом к следующему вторнику. Кому интересно отпишитесь в комментах!!!

    ОтветитьУдалить
  3. На сколько я помню и в базз и в блоггер можно постить с помощью мыла, почему бы не пользоваться данной фичей?

    ОтветитьУдалить
  4. Не задумывался, но честно говоря сразу же приходит в голову мысль, что придется отправлять 2 письма... Костыль есть костыль, хочется некоего удобства ^_^

    ОтветитьУдалить
  5. Есть очень удобный сервис http://www.bestpersons.ru/ в котором можно создавать посты затем отметить галочками все ваши блоги, миниблоги, соц.сайты и т.д. и отправить пост в печать. Все...он появиться в тех блогах что вы отметили.

    ОтветитьУдалить
  6. А есть такой виджет, чтобы просто корректно отображал содержание фида Buzz без всякой анимации?
    Простое добавление фида в стандартный виджет RSS дает вывод только заголовком вида "Отправлено через Google Reader".

    ОтветитьУдалить
  7. Если тебе не нужна анимация, то для данного виджета установи параметр "show_n" в 0.

    $(document).ready(function(){
    $('div.my-buzz').googleBuzz({
    username:'Sergey.Melnichenko'
    ,n:6
    ,show_n:0
    });
    });

    ОтветитьУдалить