N
N
Nastya2016-08-22 10:44:23
Social media
Nastya, 2016-08-22 10:44:23

Ya.share2 problems with facebook and odnoklassniki. How to post the required information?

Hello!
I need to place two blocks of social network buttons on the site: twitter, vkontakte, facebook, odnoklassniki.
One-page site - test. Questions and results are loaded by Ajax.
For the block of buttons of social networks Ya.share2 the following code:

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'
            }
        }
    });

This block of social network buttons is always in the site header.
And when the test is passed, then with the help of fadeIn () a window appears with the result of the test and the second social block. networks, which should already have other content for social networks.
I do it like this:
$("#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'
                }
            });
          });

The problem is the following:
1) For odnoklassniki, the parameters set in Ya.share2 do not work at all. The content for writing to OK is generally formed not clear how.
2) For facebook of the second block (where the test result is displayed), i.e. in myShareResult the data is substituted as in shareHeader, not myShareResult.
Why does this problem occur and how to fix it?

Answer the question

In order to leave comments, you need to log in

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question