Choose from two options
To give your website visitors a better experience by adding Browsealoud’s speech, reading and translation support to your website, you need to paste two small pieces of HTML code into your site. There are two ways to do this...
Option 1 - Versioned Browsealoud (enhanced security)
With this option, Browsealoud will require a manual update to get the latest version of the software on your website. This makes it possible for you to complete a full test pass on your staging site before upgrading to the latest version on your live site and use SRI hashing for additional security.
Version:
First, paste this code into your CMS at the exact position you wish the Browsealoud launchpad to appear on your site:
Tip: Double click on the code to copy it to your clipboard.
<div id="__ba_launchpad"></div>
Then, paste this code into your CMS at the bottom of your existing code. You MUST add it just before the closing <body> tag:
Tip: Double click on the code to copy it to your clipboard.
Option 2 - Always Updated Browsealoud
With this option, Browsealoud will continuously update with improvements to the service so you always have the latest version of the software on your website.
First, paste this code into your CMS at the exact position you wish the Browsealoud launchpad to appear on your site:
Tip: Double click on the code to copy it to your clipboard.
<div id="__ba_launchpad"></div>
Then, paste this code into your CMS at the bottom of your existing code. You MUST add it just before the closing <body> tag:
Tip: Double click on the code to copy it to your clipboard.
<script type="text/javascript" src="https://www.browsealoud.com/plus/scripts/ba.js"></script>