ВНИМАНИЕ! Сервис Outbrain прекратил поддержку звёзд. Сейчас активно развивается сервис нашего соотечественника graddit.com. Его усовершенствование можно наблюдать на блоге, например, рекомендую к ознакомлению эту статью.
Для некоторых тематик, таких как обзор программ или фильмов, полезным будет виджет "Рейтинг статей в виде звёзд", который располагается после статьи. Он позволяет определить реакцию посетителей ресурса на продукт. Конечный вариант вы можете увидеть в Приложении 5.
Сервис Outbrain.
Удобный и простой в использовании инструмент предлагает сервис Outbrain. Выбираем используемую нами платформу, в том числе можно получить код в виде JavaScript:
![]() |
Выбрать способ приобретения скрипта звёздного рейтинга. |
Далее указываем галочку "Get access to advanced settings". Для перевода страницы я использую бар Google. После нажатия клавиши "Install", на почту пришлют подтверждающее ваше участие письмо.
Следующие действия очевидны и их я опущу. Если нужна более подробная информация, напишите, пожалуйста, в комментариях - будем разбираться. Сделаю лишь пару замечаний:
- Гаджет нужно разместить в поле под сообщением.
- Для управления настройками виджета используем вкладку "Manage Blog"-"settings".
![]() |
Настройки гаджета оценки статьи в виде звёзд. |
Как убрать знак вопроса из виджета Outbrain.
![]() |
Знак вопроса в Oitbrain. |
Как правило, у бесплатных сервисов есть свои способы продвижения, на подобии Navbar у Blogger. С одной стороны, они функциональны, с другой, несут с собой рекламу продукта. "Покопавшись" в коде, можно их убрать.
Вот код, который указан в гаджете:
<script language="JavaScript">var OB_platformType = 1; var OB_langJS = 'http://widgets.outbrain.com/lang_en.js'; var OBITm = '1292932006406';var OB_raterMode = 'stars';varhttp://www.blogger.com/post-create.g?blogID=2459396858793814199 OB_recMode = 'rec';</script><script language="JavaScript" src="http://widgets.outbrain.com/OutbrainRater.js"></script> <input type="hidden" name="OBKey" value="qr8ds7znzHoR7QxNvHnRJA=="/> <script language="JavaScript">var OBCTm='1292932006406'; </script><script language="JavaScript" src="http://widgets.outbrain.com/claim.js"></script>
Здесь используется JavaScript, который можно добавить в блог несколькими способами. Строчку:
<script language="JavaScript" src="http://widgets.outbrain.com/OutbrainRater.js"></script>заменим на:
<script type="text/javascript"> //<![CDATA[ содержимое http://widgets.outbrain.com/OutbrainRater.js //]]> </script>, где http://widgets.outbrain.com/OutbrainRater.js - это адрес файла в интернете, который пишем в адресную строку браузера.
Затем удалим три функции, которые осуществляют вызов модального окна:
c+='$COMMENT <span id="whatIsSpan" class="whatIsSpan">[<a class="outbrain_my_rating" style="font-weight:bold;cursor:pointer;" onclick="outbrain_whatIs.loadJs('+ a+');">?</a>]</span>';
if(c=== outbrain_settings.whatIs.type.POP)a+='<div id="$WHAT_IS_ID_$INDEX_$TEMPLATE_NAME" class="what_is_container"><a class="what_is_link" onclick="outbrain_whatIs.loadJs('+b+');">'+e+"</a></div>";else if(c===outbrain_settings.whatIs.type.BALLOON)a+='<div id="$WHAT_IS_ID_$INDEX_$TEMPLATE_NAME" class="what_is_container">'+this.balloonWhatsThis(b,e)+"</div>"
rateInfo+='$COMMENT <span id="whatIsSpan" class="whatIsSpan">[<a class="outbrain_my_rating" style="font-weight:bold;cursor:pointer;" onclick="outbrain_whatIs.loadJs('+a+');">?</a>]</span>';
Данный метод замедлит загрузку страницы, поэтому я рекомендую вывести скрипт во внешний файл, воспользовавшись, например, Google сайтами.
Как удалить строчку "Вы в восторге от этой статьи" Outbrain.
![]() |
Строка в Outbrain. |
Здесь только в эстетических целях и по-просьбам читателей, посмотрим код, который вызывает слова "Вы в восторге от этой статьи".
<table id="$RATE_STATUS_INFO_TABLE_ID_$INDEX_$TEMPLATE_NAME" class="table-css" cellspacing="0" cellpadding="0" border="0" style="$TABLE_STYLEwidth:100%;"><tbody class="$TBODY_CLASS" style="$TABLE_STYLEwidth:100%;"><tr style="$TABLE_STYLEwidth:auto;"><td id="$RATE_STATUS_INFO_TD_ID_$INDEX_$TEMPLATE_NAME" style="$TABLE_STYLEwidth:100%;" class="outbrain_my_rating"> </td></tr></tbody></table>
Изменить текст рейтинга статьи в виде звёзд Outbrain.
Файл, отвечающий за русификацию рейтинга звёзд, располагается по адресу http://widgets.outbrain.com/lang_ru.js. В нём указано какие переменные за что отвечают.
Также в скрипте http://widgets.outbrain.com/OutbrainRater.js есть возможность настроить текст по своему желанию, если во время настроек язык был выбран . В коде нас интересует фрагмент
{id:"english",name:"en", ........... THUMBS_COMMENT:"comment"}
То есть строку:
RATE_DESCRIPTION:["Bad","Boring","OK","Good","Excellent"]меняем на
RATE_DESCRIPTION:["Плохо","Скучно","Нормально","Хорошо","Отлично"]Или любые другие слова.
69 комментариев:
Простите за задержку, малость занят - пытаюсь (изо всех сил) прикрутить к блоггеру форум и галерею :)
Не завтра-послезавтра рассмотрю "под микроскопом :D" данный метод и все вам подробно расскажу, а если все ок, то с меня само-собой реклама, как договаривались :)
Да, и еще: у вас тут на блоге довольно много информации по оптимизации блога на блоггере и много действительно полезных статей (для тех кто это читает: да! это реклама, но ВПОЛНЕ заслуженная!)
Продолжение следует :)
Макс
Установил по новой виджет от Аутбрейн;
Заменил указанную строчку на ниже указанную :) строчку - после этого действия звездочки вообще перестали отображаться на блоге;
Удалил 3 указанные функции в OutbrainRater.js;
Так как звезды так и не появились, вернул обратно первый (оригинальный) код, предварительно загрузив измененный уже OutbrainRater.js на свой хостинг и указав его путь в оригинальном коде..
Итог: ненавистный зак вопроса ушел в небытие (что и требовалось) И NMitra однозначно МОЛОДЕЦ!!!
П.с: не дает в комментариях писать коды ява-скриптов, потому выкручивался когда писал как мог :) , надеюсь быть понятым..
CoderHTML в помощь.
NMitra, вы знаете почему я вам посоветовал обратить внимание на рейтинг звездами от polldaddy? Сейчас расскажу:
Дело в том, что мне хотелось бы:
1 - желательно большие звездочки (Пулдеди дает возможность выбирать из 3 размеров и 5 цветов, Аутбрейн - нет);
2 - краткость и простота (в Пуллдеди звезды выбранного размера и цвета в разделе "Edit Styles" - "Layout & Fonts" могут быть оформлены так, что при наведении на звезду мы получаем СВЕРХУ над звездами слово "Нормально", к примеру, там же, над звездами мы видим общее количество голосов и "Спасибо"(это я так перевел для себя) после голосования - то есть имеем компактный вид формы для голосования; В Аутбрейн мы имеем звезды и подпись справа от них - общий рейтинг голосования в виде текста, при нажатии на звезде у нас "вылазит" 2!! строчки текста, в которых расписано как я проголосовал, общий рейтинг и еще неизвестно что. Возможности удалить все эти строчки я не нашел: для того чтоб оставить звезды, (рейтинг и так на звездах будет виден) и слова "Хорошо, "Плохо", "Никак" и прочие или НАД или ПОД звездами);
3 - иметь возможность загрузить все скрипты для голосования на свой хостинг (дело в том, что недавно я активно пользовался одним сервисом для голосования, но он умер, с ним, естественно, умерли и виджеты голосования на 3 моих проектах, после этого для меня очень актуально знать что скрипты и сам рейтинг не умрет, если только я сам его не удалю);
4 - если есть возможность забрать себе скрипт голосования то скрипт должен быть небольшой по размеру - это и на скорость загрузки его влият: ну прогружать скрипт размером 136 КБ (это сколько весит 1 скрипт от Аутбрей (а их в коде не один) и скрипт 14 КБ (размер единственного скрипта Пуллдеди) - разница есть.. Я вот только правда не знаю не прописаны ли иные скрипты и пути в самом ява-скрипте от Пуллдедди (это было бы не очень хорошо);
5 - время на переделку - тоесть в Аутбрейн (в таком как мне хотелось бы) надо убрать знак вопроса (что уже сделано) и удалить весь текст справа, оставив лишь необходимое "Всего голосов", "Хорошо" и "Спасибо" желательно сверху или снизу под звездами; в Пуллдеди смущает тот же знак вопроса и возможность забросить все на свой хостинг. То есть, для меня, как не для посвященного в тонкости программирования, представляется проще вариант с переделкой Пуллдеди чем с Аутбрейн.
Вот вроде бы и все..
NMitra, вы имеете полное право сказать куда мне идти :) но вот такое мое резюме и пожелания..
П.С: В "Приложении 5" переделанный рейтинг от Аутбрейн не нашел..
Макс
Серия третья и, видимо, не последняя:
Забрал код рейтинга у Пуллдеди, поставил, забрал единственный ява-скрипт на свой хостинг, (параллельно подсмотрев что в ява-скрипте есть несколько путей, которые еще куда-то ведут - был огорчен.) переписал код - все работает..
Поставил данный скрипт после "" но звезды отображаются на главной странице только (в штмл коде код виджета продублировался 5 раз - то есть после каждого поста, что, как я понимаю не есть здраво..) после первого поста (попробовал поносить код по штмл блога - результат тот же - был расстроен.)
Нашел в "хелпе" Пуллдеди код, (был почти счастлив) который надо вставить и о, чудо - должны появиться звезды после каждого поста и считать голосование для каждого отдельного поста, но рано было радоваться, так как после вставки этого "классного кода" у меня после 1 поста появилось 2 звездных рейтинга и оба с красными звездочками и на испанском языке - был разозлен..
Попробовал все забрать себе на хостинг - не вышло (ява скрипт отдается с улыбкой на устах, а что с этим "id="pd_rating_holder_3487136" делать - не имею представления, только догадываюсь что это какая-то папка на Пуллдеди, где хранятся и рисунки звездочек и невесть что еще, но однозначно, по моему, одно - к этому всему счастью у меня доступа нет - был удручен)
Оставил Пуллдеди на завтрак и пошел проверять свои способности программиста - нашел пару статей, где то с помощью SCC, то используя ява-скрипты, то Аджакс, то Дж-дж-квери предлагали сделать "своими руками!!" рейтинг. Сделал рейтинг по 2 статьям (на Аджакс и SCC) но вот оказалось, что они не умеют @и! считать этот самый рейтинг, то есть при щелчке по звездочке/яблочку/сердечку мы получаем как-бы запоминание позиции щелчка, но при обновлении станицы все уходит в сторону Стикса.. то есть звезды опять пустые.
И вот самое интересное: чтоб заставить эти все самописные (смелое слово) рейтинги считать и запоминать голосования - надо или подключать их к базе данных, которая это и будет делать, либо использовать ПШП (и ни с первым и ни со вторым не дружит Блоггер) - был сонный.. Оставив все что осталось, уполз от монитора..
Мораль данной серии приключений Макса в сети: Оказывается вооот сколько разных эмоций может испытывать человек, копаясь с кодами в и-нете!! Наталия - это я один такой нездоровый, или у вас тоже так?)))
Что я делал:
1. Заменил код "*script language="JavaScript" src="****widgets.outbrain.com*OutbrainRater.js"***script*" на закомментированный - рейтинг со страниц пропал вобще.
2. Сделал все изменения в файле OutbrainRater.js, забросил его на свой хостинг, указал к нему путь - рейтинг так и не появился.
3. Вернул родной код Аутбрейн назад, поменяв в нем только строчку адреса к файлу OutbrainRater.js - звездочки начали работать.
Вопросы:
1. Наталия, вы читали мой 3-й комментарий на этой станице? (можно ли заменить "Оценено на 3.67 3 людьми" на скажем "Голосов 3" или "3 голоса" и поставить этот текст ПОД сами звездочки или НАД ними? есть ли возможность загрузить ВЕСЬ рейтинг звездами к себе на хостинг? - ЕСЛИ НЕТ, ТО все дальнейшие и предыдущие ВОПРОСЫ СНИМАЮТСЯ. можно ли уменьшить размер ява-скриптов? можно ли их объединить в один файл? Где живут сами звездочки - эти все вопросы касаются той же вероятной возможности забрать весь рейтинг себе чтоб не зависеть от Аутбрейн)
2. Это явно моя глупость что звезды не отображаются на страницах сообщений блога, но не совсем понимаю почему?
3. Тоже не совсем понятно почему звезды отображаются на отдельной странице типа ****.**.**p*blog-page... с подписями на английском языке и при этом под ними (и только на этой странице) отображается блок похожих статей "You might like"?
Наталия, не поймите меня неправильно и не сочтите грубым, просто я, наверное, такой человек, что когда за что-то берусь, то стараюсь сделать это МАКСИМально хорошо, возможно и имя такое не зря получил, так вот тут вопрос такой - если вы можете помочь - пожалуйста сделайте это. Если!! есть возможность забрать себе целиком этот злосчастный скрипт, то приведите пожалуйста скрипты и файлики в порядок, расскажите все подробно как и что делать (я вас стараюсь понять, но к кое-чему я сам додуматься просто не могу, как например почему коментированный код, предложенный вами для замены стандартного не работает).. Это если что-то делать, то делать хорошо, а если нет - то и бог с этими скриптами и виджетами..
Вы мне уже много помогли, кое-чему я с вами научился и благодарен за оказанную вами помощь, как это не прискорбно, но в наше время, помощи от практически незнакомого человека ждать не приходиться, в принципе. Вы- приятное исключение. Я вам даже немного завидую, в том, что вы обладаете, по моему мнению, достаточно обширными знаниями в области веб-разработки, коих не имею я и не уверен что смогу поиметь, невзирая на настойчивое обучение..
Надеюсь не быть неверно понятым. Еще раз спасибо за помощь.. Если желаете - можем продолжить мучить звезды, а нет - значит нет. Все-равно спасибо..
Макс.
1) Вид звёзд определяет тег table, с помощью tr и td можно опустить голоса под звёздочки (позже опишу).
2,3) На сайте разработчика сказано, что если что-то не работает, то следует к ним обратиться - они имеют доступ к шаблонам и неисправности починят.
Что я думаю по этому поводу: скрипт такой "тяжёлый", потому что там куча всего лежит: разные языки, различная форма приложения и т.д. И всё это удовольствие перекликается с сайтом разработчика. Это касается Outbrain и ему подобным.
Чтобы удовлетворить все пожелания с размером скрипта, нужет свой код, то есть надо думать, как подключить PHP. Потому что без него я также не нашла как сделать этот инструмент рабочим. Не говорите, что это невозможно!))) - Видела на одном блоге.
Во время штудирования данной темы вышла на это ресурс - http://www.chrishardy.co.uk/asp/scripts/accessible-star-ratings/Default.asp?ReplyTo=11. Повезло тем, у кого есть доступ к корневому каталогу)))
P.S. моим знаниям 6 месяцев - срок ведения данного блога.))) До этого я не знала, ни что такое "оптимизация", "хостинг", "домен", "HTML", "CSS" и т.д. Вы сильно удивитесь, когда посмотрите мои первые статьи)))
Макс
Насчет звезд - не праздничное это дело :), а вот с хедером блога, дабы он @ка обернулся хедером-ссылкой повозиться до 5-ти утра - самое то))))
Пс: как прошли праздники? не перед компом, надеюсь) Мне вот не дали даже знакомых и друзей поздравить - вырубил на 4 дня провайдер и-нет :) (Что-то мне подсказывает, что пора просить у вас аську, для общения не по теме, а то флудить начинаю :))
Еще раз с праздниками!! (От блоггер, не чтоб смайлики добавить для комментов и сообщений - так бы хоть цвяточек девушке подарил :( )
Лучше-б перед компом, чем с градусником.. Молодцом провайдер! Гулять на улице тоже надо.)
Из средств связи только почта - n.mitra@yandex.ru.
<script language="JavaScript" src="http://widgets.outbrain.com/OutbrainRater.js"></script>
как показано выше в статье (см. про знак вопроса).
После этого у нас будет возможность внутри гаджета делать с кодом любые изменения
Поскольку меня это заинтересовало. Всё оттягивается наполнение блога.
Хоть всё готово.
Посоревнуюсь с Вами в мастерстве ГУГЛЕНИЯ.
Ведь это самое главное. В инете давно уже всё есть, только надо уметь найти. Если я не прав пусть бросит в меня камень.
Так вот я нашёл самое простое. Баш на баш. Я Вам тему а Вы помогаете сделать её прозрачной а то уже запарился.
Заходим к себе в админку по своему нику и паролю через адрес.
http://draft.blogger.com/ Попали к себе, только иконка блога не оранжевая а синяя, и идём как у себя Дизайн > Сообщения блога открываем Изменить и ставим точку возле нежданно появившиеся строчки Показывать рейтинг. Всё если не стандарт там есть описание куда чего вставить. Единственное это перевод неправильный где включать. Но я Вам путь указал.
Владимир
Для тех кто не понял где это будет, но заходить надо через адрес который я указал. http://babozkayanozka.blogspot.com/2008/10/blog-post_2609.html
Он реализуется через IFRAME (картинку в IFRAME поменять нельзя), но по-видимому, здесь используется ещё и скрипт. Вот только вместо того, чтобы менять фон гаджета, он на стандартных шаблонах меняет фон сообщения.
Это опять я, Вы правы как всегда в черновиках не совсем то чего хочется.
Но я всё таки решил проблему. Не стал до конца дочитывать вашу переписку с Анонимом ( нет времени ). И не знаю почему возникли какие то проблемы с polldaddy, но у меня всё работает. Где надо отображается ( настраивать можно в шаблоне). И по умолчанию хорошо настроен. Свою картинку можно вставить, настройки интерфейса.При желании можно скрипт скачать и у себя разместить. Правда будешь лишён обновлений скрипта, но это дело каждого. Каждое сообщение и страницу можно настроить отдельно. И один посетитель может только один раз проголосовать за статью. Всё просто регистрация и вперёд.
http://support.polldaddy.com/rating-widget/
Могу подсказать срипт для отдельной настройки статей.
//
PDRTJS_settings_4658825_индикатор = {
"id" : "4658825",
"unique_id" : "4658825_индикатор",
"title" : "название",
"item_id" : "_индикатор",
"permalink" : "ссылка страницы"
};
Вот эту сточку вставить после:
//
Один раз подключаем скрипт.
А сам скрипт можно вставить в шаблон, Настройки > Форматирование , в Шаблон сообщения вставит скрипт. Теперь когда будут создаваться сообщения скрипт будет уже внизу. Останется только отредактировать.
Можно у меня глянуть. http://bf196719.blogspot.com/
Я себе ещё поставил во всяком случае мне интересную вещь. Посмотрите Translate/ Вы конечно скажете что у Гугла есть. Но есть свои минусы, дизайн не всегда подгонишь и слабоват. Навящивая реклама. Появление панели сверху и т.д. И главное постоянная при переходе перезагрузка страницы. Это вариан плавно затемняет страницу, и без перезагрузки страницы переводит содержимое. Сервис солидный Америка, взаимодействует с Гуглом. Скрипт перевода ведёт в Гугл. 58 языков. Если в Гугл появляется что то новое оно будет у Вас. Рекомендую.
http://www.translation-services-usa.com/
Ссылки для вставки перевода два варианта последний самый новый:
http://www.conveythis.com/
http://www.ackuna.com/
Тоже можно настраивать.
Всё наконец то я займусь наполнением блога.
Не получилось дабавить полный код, если не разберётесь вышлю в личку.
Всем удачи Владимир
Для многократного показа на странице:
<div id="pd_rating_holder_4658825_индикатор"></div>
<script type="text/javascript">
PDRTJS_settings_4658825_индикатор = {
"id" : "4658825",
"unique_id" : "4658825_индикатор",
"title" : "название",
"item_id" : "_индикатор",
"permalink" : "ссылка страницы"
};
</script>
После этой строчки вставить строку для скрипта:
<div class='post-footer'>
строка срипта:
<script type="text/javascript" src="http://i.polldaddy.com/ratings/rating.js"></script>
Владимир
Пользовалась многими вашими советами и всё проходило успешно, за что и спасибо Вам.
Но вот, беда, с этим гаджетом не могу справиться. установила его по инструкции аутбрэйн и перенесла под сообщение в ПА-дизайн. Но гаджет не отображается в сообщениях, не могу понять в чём, собственно дело. Может из-за того, что шаблон не стандартный? вот адрес блога: http://istanbul-city.ru/, заранее спасибо за помощь
Евгений, какой адрес вашей почты?
Flee.lancer, звёзды не будут показаны на главной странице, только в тексте постов. После регистрации обязательно загляните в Manage Blogs: название должно быть тем же, что и у вашего блога. Иногда у пользователей несколько ресурсов, сначала блог выбирают один, а код устанавливают на другой. Это не верно. Затем переходим по ссылке settings. Вначале звёзды не активны, а предполагается вывод "Популярных постов". Здесь напротив "Recommendations" ставим галку "Don't show recommendations", а около "Rater type" формы звёздочек.
Попробовала ещё раз установить, полёт нормальный.
Flee.lancer, добавьте на блог http://istanbul-city.ru/ в гаджет HTML/JavaScript код:
<script language="JavaScript">var OB_platformType = 1; var OB_langJS = 'http://widgets.outbrain.com/lang_en.js'; var OBITm = '1320785704501';var OB_raterMode = 'stars';var OB_recMode = 'strip';</script><script language="JavaScript" src="http://widgets.outbrain.com/OutbrainRater.js"></script>
<input type="hidden" name="OBKey" value="PdE5mpmrYkYVbIJviHL3jQ=="/> <script language="JavaScript">var OBCTm='1320785704501'; </script><script language="JavaScript" src="http://widgets.outbrain.com/claim.js"></script>
Поместите его под сообщением, отпишитесь, что сделали. Хочу опыт провести, на вашем блоге никак не отразиться.
Поместите его под сообщением, отпишитесь, что сделали. Хочу опыт провести, на вашем блоге никак не отразиться.
--------------------------------
Всё разместила, гаджет под сообщением, но старый гаджет аутбрэйна надо удалить или нет?
http://clip2net.com/s/1iRav
Плюс я странным образом заметила, что у меня data:post.body/ не один, как это обычно бывает, а целых 4 ?!? И методом подборов я установила код после третьего data:post.body/
Меня, если честно, не устраивает этот рейтинг, так как нет сбора информации, зачем он тогда, если не выдаёт общих данных? Для красоты только.. Я всё ещё надеюсь на вас и код пока не убирала
Да, у меня тоже этот вопрос крутиться.
В Гугл для организаций, которая имеет региональную принадлежность, можно поставить рейтинг прямо в поиске. У Яндекса - Яндекс.Маркет. То есть для поисковиков звёзды не очень интересны.
Сбросьте мне ваш шаблон, посмотрю.
n.mitra@yandex.ru
<div class='entry entry-content'>
<data:post.body/>
</div>
заменить на
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
Предыдущий код, который я давала в комментарии 38, с блога http://istanbul-city.ru/ снимите. И с помощью своего аккаунта в outbrain добавьте свой код.
Вкладка "Manage Blogs" - кнопка "+ Add Blog" - Install widget? - галка "Yes".
Думаю, всё должно получиться.
> Меня, если честно, не устраивает этот рейтинг, так как нет сбора информации
Уже есть: http://all-rate.appspot.com/rus/stats
Вы можете как просто посмотреть данные по голосованиям, так и вставить их в свой блог, и уже там вертеть ими как угодно.
Почему-то с Outbrain забрать код не получается, постоянно выдает ошибку.
Поставил на сайт рейтинг от all-rate, а там почему-то вся информация по разным статьям суммируется (количество просмотров и количество голосов). Так и должно быть или что-то не так сделал?