Blogger: Устанавливаем гаджет Рекомендовать от Google Friend Connect

Лучшее в блоге (мнение читателей).

Здравствуйте! Реально речь пойдет не о том что я считаю лучшим в этом блоге или Постоянные Читатели рекомендуют здесь почитать (об этом вы сможете узнать самостоятельно, взглянув на боковую колонку в раздел где такими красными буквами на ярко-желтом фоне написано "Читатели рекомендуют:"), а здесь я всего лишь расскажу о гаджете Рекомендовать! от Google Friend Connect, который у меня здесь и работает.

Как установить гаджет Google Friend Connect Рекомендую
в вашем блоге на Blogspot'е:

1) Идем на сайт Google Friend Connect: http://www.google.com/friendconnect/

2) Из списка своих блогов выбираем блог, на который мы хотим установить гаджет рекомендую и кликаем на него. Вот, я например сейчас решила установить этот гаджет еще на один свой блог Russian Video from Russia (соединю приятное с полезным, а вам картинки будут ;)).

3) Кликаем на "Social gadgets" и выбираем гаджет Recommendation.
4) Постепенно двигаемся сверху вниз по странице настройки гаджета Рекомендации:

I. Настраиваем Лист рекомендаций (Configure the recommendation list). Здесь все просто - слова в заголовках можно менять на русские, можно поменять количество ссылок показываемых за один раз (чтобы увидеть остальные читатель должен будет кликнуть Дополнительно на этом гаджете). Подбираем ширину, цвета и тип шрифта для гаджета, которые подойдут для нашего блога. (Делаем это аналогично с тем как мы делали при установки гаджета Комментарии от Googole Friend Connect: Blogger: Комментарии от Intense Debate vs Google Friend Connect).

II. Настраиваем Кнопку "Рекомендовать" (Configure buttons). Здесь уже начинаются тонкости и если кнопку мы в принципе можем выбрать любую: с сердечком или с галочкой, расширенного формата или маленькую и даже поменять на ней надпись. Все это дело вкуса.

А дальше вам необходимо определиться - будете ли вы показывать эту кнопку Рекомендовать после каждой статьи на главной странице блога или только на странице самой статьи.

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

То ставим галочку на поле "Advanced options for multiple buttons on a page" (Дополнительные опции для нескольких кнопок на странице). И там на против каждого поля: Link text и Link URL выбираем "Custom".

III. Теперь самое простое кликаем на кнопку Generate code (Сгенерировать код). И получаем два куска кода.

Первый кусок кода: про него они пишут Add this to the page where you'd like the aggregation gadget to appear надо добавить на боковую колонку вашего блога или в место на вашем шаблоне где вы хотите чтобы висел Список рекомендованного.

Второй кусок кода, а про него они пишут Add this to the pages where you'd like a button to appear добавить в то место, где вы хотите чтобы была кнопка Рекомендовать. Я думаю в нашем случае будет идеально добавить код в качестве Постскриптума (см. Blogger: Постскриптум для ВСЕХ постов вашего блога!)

IV. Предупреждение о том что сгенерированный на шаге III код может быть размещен только в том блоге для которого мы его сгенерили.

5) Со страницей гаджета Рекомендаций мы закончили, а теперь давайте грамотно установим код в шаблон блога.

Итак, если вы решили разместить кнопку рекомендовать только на странице статьи. Вы вспоминаете Как убрать постскриптум с главной страницы блога и мы на этом можем считать, что гаджет Рекомендовать у вас в блоге установлен.

А тем кто хочет чтобы кнопка Рекомендовать была показана для каждой статьи на всех страницах блога (как у меня здесь), придется еще немного поработать. Да, код мы уже вставили, но кнопка видна на главной странице только после первой статьи....

Будем исправлять ситуацию. Итак, для кнопки мы получили какой-то такой каждый свой код:

<!-- Include the Google Friend Connect javascript library. -->
<script type="text/javascript" src="http://www.google.com/friendconnect/script/friendconnect.js"></script>
<!-- Define the div tag where the gadget will be inserted. -->
<div id="div-3595719624701175122" style="width:100%;border:1px solid #cccccc;"></div>
<!-- Render the gadget into a div. -->
<script type="text/javascript">
var skin = {};
skin['HEIGHT'] = '73';
skin['FONT_FAMILY'] = 'verdana,sans-serif';
skin['BORDER_COLOR'] = '#cccccc';
skin['ENDCAP_BG_COLOR'] = 'transparent';
skin['ENDCAP_TEXT_COLOR'] = '#FF8000';
skin['BUTTON_STYLE'] = 'modular';
skin['BUTTON_TEXT'] = 'Recommend it to others!';
skin['BUTTON_ICON'] = 'default';
skin['BUTTON_MODULE_PROMO_TEXT'] = 'Did you like this page?';
google.friendconnect.container.setParentUrl('/' /* location of rpc_relay.html and canvas.html */);
google.friendconnect.container.renderOpenSocialGadget(
{ id: 'div-3595719624701175122',
url:'http://www.google.com/friendconnect/gadgets/recommended_pages.xml',
height: 73,
site: '17026078346313475023',
'view-params':{"pageUrl":"http://www.mysite.com/products.html#product1","pageTitle":"Product1","docId":"recommendedPages"}
},
skin);
</script>

Первый набор символов (цифры конечно будут у всех свои) выделенный светло голубым заменяем выражением:
expr:id='data:post.id'
Второй набор символов, выделенный светло зеленым заменяем выражением:
'<data:post.id/>'
Третье выражение заменяем (выделенное розовым) на следующее:
"<data:post.url/>"
И, наконец четвертое выражение (выделенное светло лиловом) заменяем следующим:
"<data:post.title/>"

После внесения всех изменений как всегда нажимаем сначала ПРОСМОТР если кнопки появились, нажимаем СОХРАНИТЬ, если нет или только одна внимательно смотрим сравниваем исправляем ошибки и нажимаем ПРОСМОТР. Если процесс надоел и ничего не получается нажимаем ОТМЕНИТЬ ИЗМЕНЕНИЯ и возвращаемся к этому развлечению позже - например, на растущей Луне [говорят очень хорошо все получается! ;)]

6) Небольшой совет: не стесняйтесь рекомендовать свои статьи сами. Ваши рекомендации очень важны для читателей! И маленькое наблюдение: Гаджет "Рекомендации" у меня работал везде, кроме одной из моих самых любимых статей: Blogger: "Читать далее" для самых ленивых или газетный стиль вашего шаблона. Оказалось все дело было в двойных кавычках, когда я их изменила на одинарные - гаджет Рекомендовать появился, но большинство читателей уже прочитало эту статью без гаджета. Вот так оно и бывает....

Пусть каждый ваш день будет удачным!
Света

Комментарии и вопросы более чем приветствуются,
нужна помощь - поможем! Читать дальше...