Кнопка Google +1 не отображается во всех сообщениях на Tumblr (включена бесконечная прокрутка)

Когда у меня включена бесконечная прокрутка на моем блоге Tumblr blog.fokus.org, моя кнопка Google +1 не отображается, когда сообщения находятся после страницы 2. Если я отключу бесконечную прокрутку, она правильно отображается на каждой странице. В идеале я хочу иметь бесконечную прокрутку.

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

Это для сообщения, которое следует за страницей 2, которая имеет следующий код:

<hr class="tumblrAutoPager_page_separator">
<div class="tumblrAutoPager_page_info">

Я использовал консоль Firebug и заметил разницу в том, как загружается код.

пост на странице 1

<div id="___plusone_0" style="height: 20px; width: 90px; display: inline-block; text-indent: 0pt; margin: 0pt; padding: 0pt; background: none repeat scroll 0% 0% transparent; border-style: none; float: none; line-height: normal; font-size: 1px; vertical-align: baseline;">

в котором также есть код iframe

сообщение на странице 2 показывает только этот код

<g:plusone href="http://blog.fokus.org/post/16268298715/sirinthada-make-lots-of-art-listen-to-music" width="100" size="medium"></g:plusone>

Код, который я ввел в разделе метаданных

<g:plusone size="medium"  width="100" href="{Permalink}"></g:plusone>

и в конце кода перед

<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>

google-plus google-plus-one
person prhime    schedule 28.01.2012    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Когда страница завершает загрузку, все <g:pluseone /> на странице преобразуются в кнопки +1. Когда загружается новая страница, у вас есть <g:pluseone /> в HTML, но вы должны использовать + 1 JSAPI, чтобы превратить их в кнопки.

Что-то вроде следующего нужно будет вызывать при каждой загрузке страницы.

<script type="text/javascript">
  gapi.plusone.go("body");
</script>

Для повышения производительности вы должны изменить body, чтобы быть более конкретным.

person abraham    schedule 28.01.2012
comment
я пошел с маршрутом iframe, так как это, кажется, единственный, который не вызывал никаких проблем. Спасибо за ответ! - person prhime; 29.01.2012