ACTIVATING WIDGETS IN CONTROL PANEL
Step 1. Set up domain name
- Control Panel > Station > Web Integration > Domains > Add Domain [Station Call Sign].demostation.info
- Show Properties
- Program Page URL Path = [callsign].demostation.info/programs.html????FULLPATH???
- Poll URL for changes = Y
Step 2. Add widgets
Control Panel > Station > Web Integration > Widget Placement > Add Widget
- Pages = !^https?://[^/]+?/programs.html\?([^?#]+).*$!
- Search Results = ![&?]q=([^&#]*)!
- Type = Widget Name - see below
- Domain = (callsign).demostation.info
- Regex for all widget types (except for Pages and Search results) = !!
- Pages = !^https?://[^/]+?/programs.html\?([^?#]+).*$!
- Search Results = ![&?]q=([^&#]*)!
WIDGET NAMES BY EMBED POSITION/DIV ID
Guide = amrapguide
Widget Properties:
Pages = amrappage
Regex = !^https?://[^/]+?/programs.html\?([^?#]+).*$!
Widget Properties:
On air now banner = amrap-onairnow-banner
Widget Properties:
Weebly RSS Feed = amrap-rss
Widget Properties:
Upcoming shows, profile sidebar = amrap-upcoming-sidebar
Widget Properties:
Live Stream Strip = amrap-live-stream-strip
Widget Properties:
Audio Player (uses mediaelement.js) = amrap-livestream-player
Widget Properties:
Live Stream Strip (This is the same widget type as the live stream strip above, however it is for the mobile version and has a different div ID) = amrap-live-stream-strip-mobile
Widget Properties:
Search results = amrap-search
Under Website Integration > Widget Placement > Search Results you need to put the same
regular expression in 2 places...
The Regex is: ![&?]q=([^&#]*)!
and it goes in:
1. On the "Search results" row itself in the "Regex" column
2. In the pane underneath in the "Search terms regular expression" field
Note: if 1 is missed then an error will appear on the search page in mobile view before the first
search term is entered.
Optional widgets:
On air now carousel = amrap-onairnow-carousel
Carousel = amrap-carousel
What song is that search widget = amrap-whatsongisthat-widget
Guide = amrapguide
Widget Properties:
- Regex = !!
- Guide ID = Analogue
- Width = 1140
- Turn on 'Show broadcasters tagline'
- Leave mobile version of guide as 'N'
Pages = amrappage
Regex = !^https?://[^/]+?/programs.html\?([^?#]+).*$!
Widget Properties:
- Regex type = path
- Width =1140
On air now banner = amrap-onairnow-banner
Widget Properties:
- Regex = !!
- Width = 1140
- Guide ID = FM
- Image Preference = Banner
- Audio Player URL = http://[station URL] /audio-player.html (make sure you include the http://)
- Audio Player Pop Up Width = 768
- Audio Player Pop Up Height = 248
Weebly RSS Feed = amrap-rss
Widget Properties:
- Regex = !!
- Width = 1140
- Feed URL = 1/feed
- Default image URL = go to (callsign).demostation.info/images and copy image location of the station logo on the page
Upcoming shows, profile sidebar = amrap-upcoming-sidebar
Widget Properties:
- Regex = !!
- Guide = Analogue
Live Stream Strip = amrap-live-stream-strip
Widget Properties:
- Regex = !!
- Guide = analogue
- Audio Player URL = http://[demostation URL] /audio-player.html (make sure you include the http://)
- Pop Up Window Width = 768
- Pop Up Window Height = 248
Audio Player (uses mediaelement.js) = amrap-livestream-player
Widget Properties:
- Regex = !!
- Guide = Analogue
- Live stream URL = find URL from current site's live stream - (you may need to dig around for this, or email the station to send you the stream URL. This should end in a file type eg. mp3
Live Stream Strip (This is the same widget type as the live stream strip above, however it is for the mobile version and has a different div ID) = amrap-live-stream-strip-mobile
Widget Properties:
- Regex = !!
- Guide = analogue
- Audio Player URL = use audio player URL
- Height = 1
- Width = 42
Search results = amrap-search
Under Website Integration > Widget Placement > Search Results you need to put the same
regular expression in 2 places...
The Regex is: ![&?]q=([^&#]*)!
and it goes in:
1. On the "Search results" row itself in the "Regex" column
2. In the pane underneath in the "Search terms regular expression" field
Note: if 1 is missed then an error will appear on the search page in mobile view before the first
search term is entered.
Optional widgets:
On air now carousel = amrap-onairnow-carousel
Carousel = amrap-carousel
What song is that search widget = amrap-whatsongisthat-widget