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

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

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

Ответы

Ответ 1

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

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

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

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

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

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

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

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

Дэйв.

Ответ 2

Лучший способ - использовать формат микроданных 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>

Ответ 4

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

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