Чат сообщества
   | |
| Модератор форума: JonMagon |
| Сообщество uCoz » Вебмастеру » JavaScript, Flash и прочие технологии » Виджет для комментариев ВКонтакте |
| Виджет для комментариев ВКонтакте |
|
Как установить Виджет для комментариев ВКонтакте
|
|
Подключаешь свой сайт вконтате Разработчикам->Виджеты для сайтов после выбираешь виджет для комментариев и где код вставки
Code <!-- Put this script tag to the <head> of your page --> <script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script> <script type="text/javascript"> VK.init({apiId: тут будет твой ap, onlyWidgets: true}); </script> <!-- Put this div tag to the place, where the Comments block will be --> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"}); </script> Первую часть ставишь между тегов <head></head> на страницах в которых хочешь видеть этот модуль Code <script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script> <script type="text/javascript"> VK.init({apiId: твой ап, onlyWidgets: true}); </script> Code <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 10, width: "496", attach: "*"}); </script> Вот и все P.S В последующих виджетах нужно добавлять только вторую часть кода если первая уже стоит в head |
|
kuyann, это значить что при создании виджета был указан, скажем домен site.ru но установили виджет на сайт с адресом site2.ru
В общем не совпадение адресов.    |
|
Здравствуйте.
Установил в материалах скомбинированные комментарии от Вконтакте и FaceBook. В браузерах Mozilla Firefox, Opera, Google Chrome все работает отлично, а в Internet Explorer работает не коректно. ( можно посмотреть тут http://vinnikiplus.in.ua/news/2012-12-15-3987 Может кто укажет, что не так сделано. Ниже коды которые я установил в шаблон страницы материала: Между <head></head> <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) return; js = d.createElement(s); js.id = id; js.src = "//connect.facebook.net/uk_UA/all.js#xfbml=1&appId=432088566844889"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script> <script src="http://stg.odnoklassniki.ru/share/odkl_share.js" type="text/javascript" ></script> <link href="http://stg.odnoklassniki.ru/share/odkl_share.css" rel="stylesheet"> <script type="text/javascript" src="//vk.com/js/api/openapi.js?63"></script> <script type="text/javascript"> VK.init({apiId: 3220536, onlyWidgets: true};); </script> <style type="text/css"> body {background:#fff;color:#000;font-family:sans-serif;line-height:1.6;} #page {width:70%;margin:10px auto;} .tabs {width:100%;overflow:hidden;font-size:0.9em;margin:2em 0;zoom:1;padding:1px;position:relative;} .tabs dt {float:left;line-height:2;height:2em;background:#e8f0f5;border:1px solid #e8f0f5;border-bottom:0;padding:0 1em;position:relative;left:35px;margin-right:1px;cursor:pointer; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px;} .tabs dt:hover {background-color:#bfdff4;} .tabs dt.selected {border-color:#b0d0e9;background:#fff;z-index:3;cursor:auto;} .tabs dd {background:#fff;display:none;float:right;width:100%;margin:2em 0 0 -100%;position:relative;z-index:2;} .tabs dd.selected {display:block;} .tabs .tab-content {border:1px solid #b0d0e9;padding:20px; -webkit-border-radius:20px; -moz-border-radius:20px;} </style> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <script type="text/javascript"> $(function(){ $('dl.tabs dt').click(function(){ $(this) .siblings().removeClass('selected').end() .next('dd').andSelf().addClass('selected'); };); };); </script> Форма коментариев после $MESSAGE$ <dl class="tabs"> <dt class="selected"><b>FaceBook</b></dt> <dd class="selected"> <div class="tab-content"> <div class="fb-comments" data-href="$ENTRY_URL$" data-width="538" data-num-posts="2"></div> </div> </dd> <dt><b>ВКонтакте</b></dt> <dd> <div class="tab-content"> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments("vk_comments", {limit: 5, width: "538", attach: "graffiti,photo,audio"};); </script> </div> </dd> </dl> Сообщение отредактировал reneta - Воскресенье, 16 Дек 2012, 13:40:40
|
|
reneta, вот это не нужно
Code <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> для ослика пропишите доктип. и какая версия ие работает некорректно? |
|
SanekXXX4, У меня не чего не вышло. Первую часть вставлял в "управление дизайном" в отдельную страничку. Т.е у меня для отдельной странице свой код и шаблон и туда же вставлял первую часть между head, вторую вставлял туда нужно вывести комментарий, снова же на этой же странице вставлял, но уже не через управление дизайна как я понял, а там где пишешь текст и выбрать html код, вставил в самый конец. Смотрю, а виджет так и не появился. В чём проблема?
Мой сайт: http://megachit.ucoz.ru >>> Видео о нём: http://www.youtube.com/watch?v=Gl3gbpLi8FA&feature=player_embedded >>>В интернете всего три беды: дураки, вирусы и спам.
|
|
Цитата (reneta) Если убрать этот скрипт, то не работает посмотрел, вижу у Вас уже все работает. но на будущее, если кто-то будет ставить подобный скрипт себе на сайт, не забывайте, что jQuery подгружается системой на каждую Вашу страницу. Чтобы избежать этого конфликта, соответственно, с гугла не грузим! Но,.. скрипт переключения вкладок: Код <script type="text/javascript"> $(function(){ $('dl.tabs dt').click(function(){ $(this) .siblings().removeClass('selected').end() .next('dd').andSelf().addClass('selected'); };); };); </script> Должен подключаться к странице после библиотек! Выход: вписываем этот скрипт сразу после открытия <body> |
|
У меня не получилось, когда я захожу к коментам мне выбивает "user: 67699819" что ето? Вот код куда я его вставил: Каталог файлов/ Страница материала и комментариев к нему.
Код <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>$ENTRY_TITLE$ - $CAT_NAME$ <?if($SECTION_NAME$)?>- $SECTION_NAME$<?endif?> - $MODULE_NAME$ - $SITE_NAME$</title> <?$META_DESCRIPTION$?> <link type="text/css" rel="StyleSheet" href="/.s/src/css/888.css" /> <script src="http://userapi.com/js/api/openapi.js" type="text/javascript" charset="windows-1251"></script> </head> <body> <script type="text/javascript"> VK.init({ apiId: 3341030, onlyWidgets: true };); function authInfo(response) { if (response.session) { alert('user: '+response.session.mid); } else { alert('not auth'); } } VK.Auth.getLoginStatus(authInfo); VK.UI.button('login_button'); </script> <div id="vk_comments"></div> <script type="text/javascript"> VK.Widgets.Comments('vk_comments'); </script> Добавлено (06 Янв 2013, 19:42:52) Отображайте свою благодарность репутацией...
http://utilities.ucoz.ua |
|
Цитата (semen619) Что не так то я сделал? да все не так Добавлено (06 Янв 2013, 19:51:33) |
| |||