The Shout to Me Web Recorder allows you to easily get video and audio shouts from your website visitors. The Web Recorder works seamlessly on both desktop and mobile web browsers and can be added to your pages in just minutes.
The Shout to Me Web Recorder allows you to easily get video and audio shouts from your website visitors. The Web Recorder works seamlessly on both desktop and mobile web browsers and can be added to your pages in just minutes.
The Shout to Me Web Recorder Javascript code allows you to make any element on a web page open the Web Recorder when clicked or tapped. To add the Web Recorder to a page, simply:
Before you can make elements on a page open the Web Recorder when clicked or tapped, you must first add the Web Recorder Javascript file to the page's <head> section:
<script type="text/javascript" src="https://tools.shoutto.me/widgets/v1/recorder.min.js" async></script>
Once you've added the Web Recorder Javascript to a page you can make any HTML element on the page show the Web Recorder by:
For example:
<a href="#" class="s2m-recorder" data-channel-id="s2m-sandbox">Shout to Us!</a>
You can add additional data- attributes to your Web Recorder to further customize its behavior:
For example:
<button class="s2m-recorder" data-channel-id="s2m-sandbox" data-max-recording-length="20" data-topic="my topic" data-tags="tag a,tag b" data-tos-url="https://mysite.com/contest_tos.html"> Shout to Us! </button>
When a user clicks a shout shared on social media, they can be taken to a page on your website to play the shared shout. Shout to Me has a Javascript file you can include on this page to automatically show the shout the user clicked on Twitter or Facebook.
When a user clicks a shout shared on social media, they can be taken to a page on your website to play the shared shout. Shout to Me has a Javascript file you can include on this page to automatically show the shout the user clicked on Twitter or Facebook.
To create a web page on which social media users will land after clicking a shout:
Once all of this is in place, users who click on a shout in social media will be redirected to this page with a query string parameter (s2m-shout-id) added to the URL. The Shout Embedder Javascript will use this query string parameter to show the appropriate shout in the element you specified.
To add the Shout Embedder Javascript to a page, include its Javascript file in the page's <head> section:
<script type="text/javascript" src="https://tools.shoutto.me/widgets/v1/embed-shout.min.js" async></script>
To display a shout on the page:
For example:
<div class="s2m-shout" data-channel-id="s2m-sandbox" style="height: 200px; width: 300px;"> </div>