How to Add Periscope On Air Buttons to your Website or Blog

Periscope On Air buttons are now available! You can use these buttons to link to a Periscope broadcaster’s account. What’s extra special about these buttons is that they automatically indicate when a broadcaster is LIVE on air! Cool, right? Here’s everything you need to know about adding a Periscope On Air button on your website or blog:

What Does the Periscope On Air Button Do?

Clicking the button will take you to that user’s Periscope account.

  • On a mobile device, if you have the Periscope app installed: clicking on the button will open up that user in the Periscope app
  • On a computer and on a mobile device that doesn’t have the Periscope app: clicking on the button will take you to that user’s periscope.tv page.

If the user is LIVE: the button will be red and “LIVE” will be flashing on the right side. If you click on the button, their broadcast will automatically start playing.

If they aren’t LIVE: the button will be blue. And if you click on the button you can see their replay (if they have scoped within the past 24 hours).  

How to Get Your Periscope On Air Button

You can grab the code for the button by going here: https://www.periscope.tv/embed

There are two different sizes of buttons available to choose from. The width of the buttons will vary depending on the length of the Periscope username. And the width will increase when a user is currently broadcasting (because the button will say “LIVE” on the right side).

  • Size of Large Buttons: 28 pixels high; width will increase by 43 pixels when LIVE.
  • Size of Small Buttons: 20 pixels high; width will increase by 31 pixels when LIVE.

Keep these dimensions in mind when deciding where you want to put your button on your website. I recommend choosing the Large button, if you have enough room for it.

Type in the username of the broadcaster and then choose the button size you want. Then click the “Create Button” button.

Periscope On Air Buttons
Generate the Code for a Periscope On Air Button

 

After you click the “Create Button” button, the embed code will display. Click the “Copy” button to copy the code to your clipboard.

Generate the Periscope On Air Button code
Generate the Periscope On Air Button code

 

Now go to your website and paste that code where you want your button to appear. For example, if you want your button to appear in your WordPress website’s sidebar, you can paste the code into a Widget. (If you have a Blogger/Blogspot blog, you can paste the code into a gadget in your sidebar.) You can see how this looks by looking at the top of my blog’s sidebar on the right.

That’s it! Easy Peasy!

 

Don’t forget it… Pin it! Pin it to Pinterest

How to Add a Periscope On Air Button to your Website or Blog