В этой статье мы расскажем, как всего за несколько шагов поделиться нашей статьей или блогом в другой социальной сети. Мы будем делиться на разных платформах, включая Facebook, Twitter, LinkedIn и т. д. Для публикации в этих социальных сетях нам необходимо сделать следующие шаги: добавить несколько метатегов на страницу.
Для полного примера нажмите на ссылку ниже:
https://www.techorx.com/blog/social-sharing-using-javascript-in-just-few-steps
Шаг 1
Для Facebook и других социальных сетей работает со следующими тегами.
Вы также можете узнать больше о Facebook по ссылке ниже
Шаг 1
Для Facebook и других социальных сетей работает со следующими тегами.
Вы также можете узнать больше о Facebook по ссылке ниже
https://developers.facebook.com/docs/sharing/webmasters
<meta property="og:url" content="https://www.your-domain.com/your-page.html" /> <meta property="og:type" content="website" /> <meta property="og:title" content="Your Website Title" /> <meta property="og:description" content="Your description" /> <meta property="og:image" content="https://www.your-domain.com/path/image.jpg" />
Но для Twitter нам нужны следующие теги
<meta name="twitter:card" content="Your short description"> <meta name="twitter:site" content="https://www.your-domain.com/your-page.html"> <meta name="twitter:title" content="Your Website Title"> <meta name="twitter:description" content="Your description"> <meta name="twitter:creator" content="Your Author"> <meta name="twitter:image" content="https://www.your-domain.com/path/image.jpg"> <meta name="twitter:domain" content="https://www.your-domain.com">
После настройки метатегов нам нужно создать html-кнопку с действием. Здесь мы вызываем кнопку вызова действия напрямую или можем добавить дополнительный скрипт. Но мы можем сделать это в одном, так что нет необходимости в дополнительных строках кода.
//Facebook Share Button <a href="javascript:void(0);" alt="Share on Facebook" onclikc='window.location.href="https://www.facebook.com/sharer/sharer.php?u="+encodeURIComponent(window.location.href)+"&t="+document.title;'><i class="fab fa-facebook-f"></i></a> //Twitter Share Button <a href="javascript:void(0);" onclikc="window.open('https://twitter.com/share?url=' + document.URL, 'twitter-popup', 'height=350,width=600');"> <i class="fab fa-twitter"></i></a> //Linkedin Share Button <a href="javascript:void(0);" onclick="window.open('https://www.linkedin.com/shareArticle?url='+ document.URL, 'twitter-popup', 'height=350,width=600');"><i class="fab fa-linkedin-in"></i></a>
Вот полный пример:
https://www.techorx.com/blog/social-sharing-using-javascript-in-just-few-steps