Перейти из форума на сайт.

НовостиФайловые архивы
ПоискАктивные темыТоп лист
ПравилаКто в on-line?
Вход Забыли пароль? Первый раз на этом сайте? Регистрация
Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Как вставить социальные кнопки?

Модерирует : Cheery

 Версия для печати • ПодписатьсяДобавить в закладки

Открыть новую тему     Написать ответ в эту тему

wwwww



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Есть список новостей по адресу xxx.xx Кликнув на новость открывается попап с полным текстом новости. В нем есть соц. кнопки лайкнув на которые нужно добавить лайк не к странице xxx.xx, а к урлу этой новости (напр. xxx.xx/bla-bla1).  Кнопки твитер, контакт, гугл+, фейсбук
 
 
Кто-нить делал нечто подобное? Читаю доки и не втыкаю((

Всего записей: 323 | Зарегистр. 26-12-2003 | Отправлено: 15:36 04-06-2013 | Исправлено: Cheery, 20:45 02-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
wwwww
почитайте API внимательно
https://developers.facebook.com/docs/guides/web/

Цитата:
       <iframe src="https://www.facebook.com/plugins/like.php?href=YOUR_URL"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

 
да и есть же конфигуратор
https://developers.facebook.com/docs/reference/plugins/like/

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 18:41 04-06-2013
wwwww



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Да, с фейсбуком я вчера сделал, правда в ие7 внутренности ифрейма плющит, но это ничего, разберемся, а вот с остальными как?

Всего записей: 323 | Зарегистр. 26-12-2003 | Отправлено: 11:48 05-06-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
wwwww

Цитата:
разберемся, а вот с остальными как?

зайдите в описание API - там все есть
как пример  
https://twitter.com/about/resources/buttons#tweet

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:09 05-06-2013
wwwww



Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Решил примерно так:
 

Код:
 
//нарисовать лайки
function CreateNewLikeButton(data){
    function createNovLike(like){
        if(like instanceof Object)  
            data.container.append('<ul class="novLike"><li><span>'+like.dislike+'</span></li><li><span>'+like.like+'</span></li></ul>');
        else  
            if(like!="none") data.container.append('<ul class="novLike"><li><a href="#" class="down"></a></li><li><a href="#" class="up"></a></li></ul>');  
    }
 
 createNovLike(data.like);
 
    //vk
    data.container.append('<div id="vk_like"></div>');
    VK.init({apiId: 3690969, onlyWidgets: true});
    VK.Widgets.Like('vk_like', {'width': 120, 'type':'button','pageTitle': data.title, 'pageDescription': data.content.substr(0, 100),'pageUrl':data.url}, Math.round(1000*Math.random()));
 
    //g+
    data.container.append('<div id="plusone-div"></div>');
    gapi.plusone.render("plusone-div",{"size":"tall","annotation":"none","href":data.url});
 
    //twitter
    var qstring = $.param({ "url": data.url, "count": "horizontal","lang":"ru"}),
        toinsert = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?'+qstring+'" style="width:110px; height:20px;"></iframe>';
    data.container.append(toinsert);
    
    //fbook
  var elem = $(document.createElement("fb:like"));
    data.container.append(elem);
    elem.attr({"href": data.url,"data-send":"false","data-layout":"button_count","data-width":"150", "data-show-faces":"false","data-action":"recommend"})
    FB.XFBML.parse($("#socLike").get(0));
 
}
 
 

вопрос: как мне загрузить это

Код:
 
<script src="http://connect.facebook.net/ru_RU/all.js#xfbml=1"></script>
    <script src="https://apis.google.com/js/plusone.js">{parsetags: 'explicit','lang': 'ru_RU'}</script>
    <script src="http://platform.twitter.com/widgets.js" defer = "defer" async = "true"></script>
    <script src="http://vkontakte.ru/js/api/openapi.js" charset="windows-1251"></script>
 

после того, как прогрузились все скрипты и... <script src="bla-bla">{parsetags: 'explicit','lang': 'ru_RU'}</script> - что-то я такую запись 1й раз вижу. Что она значит?
 
 
 
 
 
 

Всего записей: 323 | Зарегистр. 26-12-2003 | Отправлено: 13:04 02-07-2013
Cheery



.:МордератоР:.
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
wwwww

Цитата:
как мне загрузить это

в каком смысле? вставьте в голову страницы.. либо через .getScript
 

Цитата:
что-то я такую запись 1й раз вижу. Что она значит?  

ничего - js ее игнорирует, так как есть src атрибут.
но вот код, подгруженный таким образом, может найти "свой" тег и вытащить эти данные оттуда (они в формате JSON)

----------
Away/DND

Всего записей: 52737 | Зарегистр. 04-04-2002 | Отправлено: 20:48 02-07-2013 | Исправлено: Cheery, 20:49 02-07-2013
zzz528

Advanced Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
Как сделать чтобы ничего левого не подгружалось в обычном состоянии? То есть подключения к сторонним адресам только если нажать кнопку.

Всего записей: 1643 | Зарегистр. 20-06-2005 | Отправлено: 01:03 02-03-2019 | Исправлено: zzz528, 01:03 02-03-2019
Mavrikii

Platinum Member
Редактировать | Профиль | Сообщение | Цитировать | Сообщить модератору
zzz528
цепляете свой обработчик клика. по клику подключаете js код и имитируете клик на элемент реальной кнопки. это, понятное дело, сделает задержку реакции на клик.

Всего записей: 15038 | Зарегистр. 20-09-2014 | Отправлено: 01:14 02-03-2019
Открыть новую тему     Написать ответ в эту тему

Компьютерный форум Ru.Board » Интернет » Web-программирование » Активные темы » Как вставить социальные кнопки?


Реклама на форуме Ru.Board.

Powered by Ikonboard "v2.1.7b" © 2000 Ikonboard.com
Modified by Ru.B0ard
© Ru.B0ard 2000-2024

BitCoin: 1NGG1chHtUvrtEqjeerQCKDMUi6S6CG4iC

Рейтинг.ru