# Social sharing on Web

The social sharing feature adds a component to the default UI which enables viewers to share the page across media, for example through X (formerly Twitter) and Facebook. The social sharing API allows you to configure the URLs and (social) channels.

![Social sharing](/pr-860/assets/images/social-sharing-92115ada8662968068768f40ccf41832.png "Social sharing")

Since it is a feature of the default UI, social sharing is only available on the Web SDK. Make sure your Web SDK includes the `social` feature.

## Usage

```js
player.social.url = 'https://demo.theoplayer.com/social-sharing';
player.social.items = [
  {
    label: 'Facebook',
    icon: 'https://example.com/facebook.png',
    src: 'https://www.facebook.com/sharer/sharer.php?u=<URL>',
  },
  {
    label: 'X',
    icon: 'https://example.com/x.png',
    src: 'https://x.com/intent/tweet?url=<URL>',
  },
  {
    label: 'Reddit',
    icon: 'https://example.com/reddit.png',
    src: 'https://www.reddit.com/submit?url=<URL>',
  },
  {
    label: 'Direct link',
    src: 'https://demo.theoplayer.com/social-sharing',
  },
  {
    label: 'Embed',
    text: '<iframe width="640" height="360" src="https://demo.theoplayer.com/social-sharing" frameborder="0" allowfullscreen>\n</iframe>',
  },
];
```

## Resources

* [Social sharing API](https://docs-preview.optiview.dolby.com/pr-860/theoplayer/v11/api-reference/web/interfaces/SocialSharing)
* [Online demo](https://demo.theoplayer.com/social-sharing)