Шаринг картинки, а не поста
Всем привет. Хочу разобраться как происходит шаринг выбранной картинки в социальные сети, а не поста (для фото сайтов полезно будет). На примере adme.ru.
При ховере на картинку, появляется блок с кнопками для шаринга. Формируется ссылка для шаринка в соц. сеть вида:
http://www.adme.ru/tvorchestvo-pisateli/pronzitelnye-stihi-valentina-gafta-901660/?image=15358810&utm_campaign=art-images-share#image15358810
Интересует этот GET параметр - "?image=15358810", с помощью этой ссылки будет публиковаться именно выбранная фотография, а не первая с поста.
Блок с картинкой:
<a name="image15358810" href="#image15358810" style="display:block; clear:both; margin-left:auto; margin-right:auto; text-align:center;" class="article-integrated-image-anchor"> <span class="article-pic js-article-image " data-id="15358810"> <img class="borderedImage" src="http://files1.adme.ru/files/news/part_90/901660/15358710-R3L8T8D-650-5.png" data-social="http://files1.adme.ru/files/news/part_90/901660/15358710-R3L8T8D-650-5.png" width="650" height="427" border="0"> <span class="article-pic-soc" id="js-article-image-share" data-twitter-title="Пронзительные стихи Валентина Гафта" style="display: none;"> <span class="article-pic-soc-fb js-button" data-provider="fb" data-ga-category="FacebookImage" data-ga-action="Share"></span> <span class="article-pic-soc-vk js-button" data-provider="vk" data-ga-category="VkImage" data-ga-action="Share"></span> <span class="article-pic-soc-tw js-button" data-provider="tw" data-ga-category="TwitterImage" data-ga-action="Share"></span> <span class="article-pic-soc-od js-button" data-provider="od"></span> <span class="article-pic-soc-gl js-button" data-provider="gl"></span> </span> </span> </a>
Возможно кто-то знает как это устроено, логика публикации именно выбранной картинки?
Это только предположение, не больше (никогда не задумывался как шаринг работает с точки зрения самого сервиса).
Но, думаю, это больше связано с тем что на картинку подвязан анкор #image15358810 который и используется в размещаемой ссылке.
В итоге отображается именно картинка по анкору, а не первая по счету.
<a name="image15358810" href="#image15358810">
Имеете в виду href?
Да. Не могу гарантировать что оно работает именно так как я сказал. Но это самый логичный вариант.