Help

Listening Widget

Add the listening widget anywhere on your site:

<iframe id="mglisten" src="https://widget.musicgrid.me/" frameborder="0" scrolling="yes" height="290" width="250" allowtransparency="true" style="overflow-y:scroll"></iframe>

You can also set the background color and text color by editing the 'src’ URL. For background color, you can either set it to 'transparent’ or set a color in HEX notation (i.e. FFFFFF, which is white). For the text color, you’ll need to pass a color in HEX notation. If you don’t set either of these, the default background color is black, and the text is yellow. Here’s an example for Landlocked Music, to suit their color scheme (blue background with yellow text):

<iframe id="mglisten" src="https://widget.musicgrid.me/?background=transparent&color=F7D226" frameborder="0" scrolling="yes" height="290" width="250" allowtransparency="true" style="overflow-y:scroll"></iframe>

You’ll see that the background is set to 'transparent’ and color is set to 'F7D226′.

Banner Ads

If you want to use banner ads that interact with the listening widget, you’ll need a few items.

Small Ads

For the smaller banner ads, add this code anywhere on your site:

<iframe src="https://widget.musicgrid.me/small-banner/" frameborder="0" scrolling="no" width="234" height="60"></iframe>

Large Ads

For the larger banner ads, add this code anywhere on your site:

<iframe src="https://widget.musicgrid.me/large-banner/" frameborder="0" scrolling="no" width="468" height="120"></iframe>

Magic Script

Lastly, ensure this external Javascript file is loaded, which loads the album in the listening widget when the banner is clicked and scrolls to the widget automatically. We recommend adding this just before the closing body tag.

<script language="javascript" src="https://widget.musicgrid.me/wp-content/uploads/external.js"></script>

Questions?

Feel free to contact us at widget@tunedig.com. We’re friendly people!