nastyamyaots
@nastyamyaots

Ya.share2 проблемы с facebook и odnoklassniki. Как размещать нужную информацию?

Здравствуйте!

Мне необходимо на сайте разместить два блока кнопок соц.сетей: twitter,vkontakte,facebook,odnoklassniki.

Сайт-одностраничник - тест. Вопросы и результаты подгружаются аяксом.

Для блока кнопок соц.сетей Ya.share2 такой код:

var myShareHeader = document.getElementById('header-share');
    
    var shareHeader = Ya.share2(myShareHeader, {
        content: {
            url: '',
            title: 'Викторина',
            description: 'Узнай свой город по-настоящему!',
            image: '<тут url сайта>images/phone/general-bg.png'
        },
        contentByService: {
            twitter: {
                url: '<тут url сайта>',
                title: 'Викторина:Узнай свой город по-настоящему!'
            },
            vkontakte: {
                url: '<тут url сайта>',
                title: 'Викторина',
                description: 'Узнай свой город по-настоящему!',
                image: '<тут url сайта>images/phone/general-bg.png'
            },
            facebook: {
                url: '<тут url сайта>',
                title: 'Викторина',
                description: 'Узнай свой город по-настоящему!',
                image: '<тут url сайта>images/phone/general-bg.png'
            },
            odnoklassniki: {
                url: '<тут url сайта>',
                title: 'Викторина',
                description: 'Узнай свой город по-настоящему!',
                image: '<тут url сайта>images/phone/general-bg.png'
            }
        }
    });


Этот блок кнопок соц.сетей всегда есть в шапке сайта.

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

Делаю я так:

$("#section-6").fadeIn('normal',function(){
            
            shareHeader.destroy();
            
            myShareResult.updateContent({
                title: 'Я прошел тест.',
                description: 'Теперь я знаю свой город гораздо лучше, попробуй и ты!',
                url: '<тут url сайта>'
            });
              myShareResult.updateContentByService({
                twitter: {
                    url: '<тут url сайта>',
                    title: 'Я прошел тест. Теперь я знаю свой город гораздо лучше, попробуй и ты!'
                },
                vkontakte: {
                    url: '<тут url сайта>',
                    title: 'Я прошел тест.',
                    description: 'Теперь я знаю свой город гораздо лучше, попробуй и ты!',
                    image: '<тут url сайта>images/phone/general-bg.png'
                },
                facebook: {
                    url: '<тут url сайта>',
                    title: 'Я прошел тест.',
                    description: 'Теперь я знаю свой город гораздо лучше, попробуй и ты!',
                    image: '<тут url сайта>images/phone/general-bg.png'
                },
                odnoklassniki: {
                    url: '<тут url сайта>',
                    title: 'Я прошел тест. Теперь я знаю свой город гораздо лучше, попробуй и ты!',
                    /*description: 'Теперь я знаю свой город гораздо лучше, попробуй и ты!',*/
                    image: '<тут url сайта>images/phone/general-bg.png'
                }
            });
          });


Проблема в следующем:

1)Для odnoklassniki параметры, заданные в Ya.share2 вообще не срабатывают. Контент для записи в OK вообще формируется не понятно как.

2) Для facebook второго блока (где выводится результат теста), т.е. в myShareResult данные подставляются как в shareHeader, а не myShareResult.

Почему возникает такая проблема и как ее исправить?
  • Вопрос задан
  • 436 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы