Implementation

Introduction

ReadSpeaker webReader is easy to implement. We have ready made plugins for a the most common open source CMS.
On this page we have displayed an overview of the steps you will should follow in order to get the most out of your ReadSpeaker implementation.

Product sheet: click here

Demo

Here is a demo page of a standard implementation

Implementation steps

Requirements

  • add JavaScript
  • add Button code
  • define the reading area
  • add the page on how to use the listen function (recommended)

Add JavaScript
Place the script inside the head-section, right before the closing , on the pages or webpage template where the application is to be implemented.
Please note that if you are using jQuery we recommend that our script is added after jQuery in the HTML code.

Add Button code
To implement the button, the button code is to be inserted inside the element of the pages where the application is to be implemented.
Our recommendation are that the button is placed near the text that is to be read.

Define the reading area
You choose what section of your site you would like to have read and highlighted by giving that element the same ID as the value of the parameter &readid in the query string of the ReadSpeaker call.

Add the page on how to use the listen function
Our recommendation is that you add a page to your website called, something like, “How to use the Listen function”. The purpose of this page is to let your visitors get the most out of the ReadSpeaker service by providing them with clear instructions on how to use of ReadSpeaker.

Alternative Implementations

Implementing dynamically? Click here
Implementing split button? Click here

Plugins

We provide plugins for an easy installation for the following CMS:

  • Drupal 6.x
  • Drupal 7.x
  • Joomla 1.6/1.7/2.5/3.x
  • Joomla 3.9
  • WordPress 3.x/4.x/5.x
  • SiteVision 4.x/5.x/6.x/7.x
  • Typo3 v10

There may be some limitations to the plugins.

You can find more information as well as download links to each plugin by logging into your account in the Customer Portal.