Как настроить шеринг отдельных элементов страницы?

Question

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

Пример кода:

<body>
<div class="wrap">
<div class="card">
  <img src="./Блог/images/test.jpg" alt="" />
  <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"
    data-show-count="false">Tweet</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card">
  <img src="./Блог/images/test.jpg" alt="" />
  <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"
    data-show-count="false">Tweet</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>
<div class="card">
  <img src="./Блог/images/test.jpg" alt="" />
  <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"
    data-show-count="false">Tweet</a>
  <script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
</div>

БЛОГ НА HUSL

Как настроить шеринг отдельных элементов страницы?

Ответы (0 шт):