2014-07-22 5 views
0

Я пытаюсь, чтобы на моей странице была кнопка +1 на каждом сообщении на странице, и когда пользователи нажимают на нее, она будет делиться содержимым на ней, это изображение и имя, однако всякий раз, когда Я стараюсь, что это всегда одно и то же, разделяя всю страницу сама по себе, а не статьи. Я знаю, что это можно сделать из этого ответа: Google+ share with custom text and thumbnail и из блога, что парень опубликовал https://martinmatysiak.de/blog, однако я сделал все то же самое, но все же каждый +1 btn дает только страницу (и даже не изображение, которое я установил в мета быть общие, но вместо того, чтобы загрузка изображения у меня есть следующий код:..g + 1 button share article not page

<article class="topicWrapper" name="topicWrapper69" itemscope="" itemtype="http://schema.org/BlogPosting"> 
    <img src="http://bluebit.nu/whatIf/img/logo.png" itemprop="image" style="display:none;"> 
    <div class="topic" itemprop="name" style="display:none;">What If - Think and Socialize</div> 
    <div class="topic" itemprop="description">asd</div> 
    <div id="comments" name="comments69" style="display: block;"> 
     <div class="comment" name="comment46"> 
      <img src="" width="15px" height="15px" id="id_image">asdqwe</div> 
     <div class="comment" name="comment48"> 
      <img src="" width="15px" height="15px" id="id_image">qwe</div> 
    </div> 
    <div id="bottom_topic_content" name="bottom_content69"> 
     <div id="more_image" name="more_image69" class="unclicked" onclick="handleMoreComments(this)">+</div> 
     <button id="comment_button" onclick="commentButton(this)" name="comment69">comment</button> 
     <img src="img/share.png" id="share_button" name="share69"> 
     <img src="" id="tweet_button" name="tweet69"> 
     <div id="around_google"> 
      <div id="___plusone_0" style="text-indent: 0px; margin: 0px; padding: 0px; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline; display: inline-block; width: 450px; height: 24px; background: transparent;"> 
       <iframe frameborder="0" hspace="0" marginheight="0" marginwidth="0" scrolling="no" style="position: static; top: 0px; width: 450px; margin: 0px; border-style: none; left: 0px; visibility: visible; height: 24px;" tabindex="0" vspace="0" width="100%" id="I0_1406032246840" name="I0_1406032246840" src="https://apis.google.com/u/0/_/+1/fastbutton?usegapi=1&amp;annotation=inline&amp;origin=http%3A%2F%2Fbluebit.nu&amp;url=http%3A%2F%2Fbluebit.nu%2FwhatIf%2F&amp;gsrc=3p&amp;jsh=m%3B%2F_%2Fscs%2Fapps-static%2F_%2Fjs%2Fk%3Doz.gapi.en_GB.7k04nU8yQ54.O%2Fm%3D__features__%2Fam%3DAQ%2Frt%3Dj%2Fd%3D1%2Ft%3Dzcms%2Frs%3DAItRSTO56KSreBGyp88HYuxObmZZTQr2eA#_methods=onPlusOne%2C_ready%2C_close%2C_open%2C_resizeMe%2C_renderstart%2Concircled%2Cdrefresh%2Cerefresh&amp;id=I0_1406032246840&amp;parent=http%3A%2F%2Fbluebit.nu&amp;pfname=&amp;rpctoken=25567491" data-gapiattached="true" title="+1"></iframe> 
      </div> 
     </div> 
     <!-- load google api --> 
     <!-- end google api load --> 
     <img src="" id="pinterest_button" name="pinterest69"> 
    </div> 
    <div id="post_comment_content" name="post_comment_content69"> 
     <img src="" id="new_post_img"> 
     <input type="text" id="comment_input" name="comment_input69" class="comment_input69" onkeyup="commentPressed(event,this)"> 
     <button type="submit" id="comment_cancel" onclick="commentButton(this)" name="comment_cancel69">X</button> 
     <button type="submit" id="comment_submit" onclick="commentButton(this)" name="comment_submit69">post</button> 
    </div> 
</article> 

который имеет itemscope itemtypes и сама кнопка Кто-нибудь есть какие-либо идеи некоторых настройки мне нужно заранее или что-то, чтобы сделать эту работу

?
+0

Ваш вопрос о том, как его использовать. Но вы можете добавить что-то вроде '# idOfTheComment' на ваш' url'. В любом случае, посетите [этот сайт] (https://developers.google.com/+/web/+1button/?hl=ru) –

+0

Моя проблема в том, что я делаю это точно так же, как и везде, где я видел, и все же это не работает, поэтому мне что-то не хватает. Я много раз на этой странице и доверяю мне, что ничего не говорит о том, что я здесь спросил. По крайней мере, ничего, что я вижу. – user3479297

ответ

0

Пробуйте эту ссылку в одной html-странице, затем настраивайте параметр URL-адрес

<html> 
    <head> 
     <title>Demo: Explicit render of a +1 button</title> 
    </head> 
    <body> 
     <a 
      href="https://plus.google.com/share?url=http://stackoverflow.com/questions/24887668/g1-button-share-article-not-page?noredirect=1#comment38659884_24887668" 
      onclick=" 
        javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600'); 
        return false;"> 
      <img src="https://www.gstatic.com/images/icons/gplus-64.png" 
       alt="Share on Google+"/></a> 
    </body> 
</html> 
+0

Вы просто добавляете ** url ** как ** data-url ** внутри каждого комментария или сообщения на своем сайте, а затем используйте javascript или jquery для добавления ссылок. –