Пользовательский Google +1 текст и изображение - PullRequest
Новая
       1

Пользовательский Google +1 текст и изображение

19 голосов
/ 08 июля 2011

Кто-нибудь знает, как изменить изображение и текст с помощью кнопки Google +1, которая отображается в вашем профиле Google? У меня есть веб-сайт, и я хочу установить собственный текст и изображение, когда люди нажимают кнопку +1. Эта информация отображается в вашем профиле Google в разделе "+1", если вы не в курсе.

Короче говоря, есть ли способ, чтобы кнопка Google +1 функционировала так же, как кнопка в стиле Facebook, в отношении настройки пользовательского текста и изображения, которое отображается в вашем профиле при нажатии на него.

Ответы [ 4 ]

8 голосов
/ 21 июля 2011

Хорошо.После долгих раздумий ни о чем - много-много ссылок на мой профиль позже ....

вот как вы это делаете.("сообщение", на которое я ссылаюсь, - это запись на странице +1 вашего профиля в Google +, "целевая страница" - это страница, на которую вы ссылаетесь с тегом кнопки +1.)

  1. Заголовок поста на целевой странице - это то, что читается как заголовок поста.
  2. Содержание поста извлекается из первого блока текста на целевой странице
  3. Изображение поста (как на большом пальце) - это первое изображение, найденное на странице
  4. Имя сайта (синим цветом) является доменом вашей страницы.

1st,создайте в теле вашей целевой страницы и установите для атрибута стиля элемента div следующее: "position: absolute; top: -1000px; left: -1000px;"

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

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

и наконец, добавьте содержимое / текст сообщения в div послеизображение.Я понятия не имею, сколько текста вы можете иметь.

И это все.Ну, это гугл, так что он будет развиваться, но это работает для меня.

Дейв.

3 голосов
/ 26 июня 2012

Лучший способ - использовать формат микроданных Schema.org, как вы можете видеть из этого примера из документации Google: 

<body itemscope itemtype="http://schema.org/Product">
  <h1 itemprop="name">Shiny Trinket</h1>
  <img itemprop="image" src="{image-url}" />
  <p itemprop="description">Shiny trinkets are shiny.</p>
</body>

Подробно:

  • Добавьте эти атрибуты к своему телу: 

    <body itemscope itemtype="http://schema.org/Product">

  • Название используемой страницы: 

    <h1 itemprop="name">Shiny Trinket</h1>

  • Изображение для использования: 

    <img itemprop="image" src="{image-url}" />

  • Описание к использованию: 

    <p itemprop="description">Shiny trinkets are shiny.</p>
1 голос
/ 17 ноября 2011

Вы можете сделать это, установив непрозрачность на « 0 » ..

Я успешно это сделал ..

1 голос
/ 08 июля 2011

Вы проверили документы Google? http://code.google.com/apis/+1button/

...