Как вставить необходимые данные (фото, заголовок) в соц. кнопки?

Question

[Дмитрий]

Стоит задача:
на странице расположить над каждой фото соц. кнопки, при клике на них, шарить страницу в соц. сетях с этой фото (пример).

Проблема:
ВК, Твитер, работают предсказуемо и без проблем.
ФБ берет данные только из Open Graph
Google+ сам данные вообще собирает

Что делал и к чему пришел:
Вот для теста jsfiddle.net/822uR
Тут видно что FB полностью безразлично что мы ему суем, он все данные берет из Open Graph
Вот пример, где смогли полностью управлять подставляемыми данными, но не пойму как им это удалось (сторонняя ссылка)

Вопрос:
Как заставить FB и Google+ брать именно те данные что мне нужны? Как в примере с сайта где им это удалось.

Comments

[Юрий Лобанов]

Образцовый вопрос.

Answer 1

[Дмитрий]

Спустя столько дней, я все таки докопался до правды.
Вот как делают на adme.
При клике по картинке для FB и Google формируется ссылка с GET параметром image. В котором указанно по какой картинке кликнули. Когда FB и Google переходят по ней, то им показывается та же самая страница, но в META данных прописана нужная картинка.
Вот и все, никаких ухищрений, никаких секретов, просто для каждой картинки подсовывают META данные.

Спасибо всем за предложения и идеи, без этих всех опытов, может и не докопался бы до правды.

Comments

[Дмитрий]

Любой, но если нужно чтобы google подтянул нужную картинку, то нужно делать как в комментарии с "Решение" описал. То есть через GET параметры.

[Дмитрий]

@AKKJIuMATu3uPOBAHHbIEE_PA Может это поможет share42.com/ru, я этот использовал себе за основу, и стили его использовал. Но можно все переработать. Опять же, если нужно чтобы картинка подтягивалась по которой кликаете, то метод описан выше. Как это сделать в WP я не знаю, не знаком с ним.

[Дмитрий]

@AKKJIuMATu3uPOBAHHbIEE_PA не скинь, а скиньте jsfiddle.net/822uR/4
Все работает. Тема закрыта!

Answer 2

[Alexander Lashchevsky]

Попрбуйте удалить Open Graph image для данной страницы. Или засовывать в него нужную картинку только в момент, когда пользователь кликает на конпку поделиться.

Comments

[Дмитрий]

Пробовал даже ранее, я менял property="og:title" на property="og:title_hide" при наведении на фото. Однако странно, но FB все равно её подтягивал, такое чувство, что на стадии инициализации он эту картинку уже берет. Сейчас что-то еще попробую в этом направлении.