How to add a Livecoding.tv badge to your website

livecoding-badges

Badges are an age-old way of showcasing your skills, preferences, and personality. Online badges offer the same benefits but are virtual in nature.

Livecoding.tv badges enable broadcasters and viewers to not only showcase their personality but also let them increase social media traffic to their broadcasts or channel. The badges are particularly useful for broadcasters who already have a popular website or blog. They can also use the badges to redirect tons of traffic to their broadcast, making it, and them, more successful in the long run.

How to add a Livecoding.tv badge to your website

Let’s discuss how you can add the LCTV badge to your website or blogs.

ENJOYING THIS POST?

Get More Benefits With LiveEdu Pro

Adding the Livecoding.tv badge is very simple.  All you need to do is copy the desired embed code and put it on your blog or website wherever you choose. The embed code is in HTML, so you might need to use an HTML editor or a plugin to get it working.

Authorization Process –

  1. Login – Click on the login button to authorize the app
    2-livecoding-login
  2. Authorize – Click on Authorize to let the app work with your LCTV account1-status-badges
  3. After login and successful authorization, your username will appear in place of the “Login” from point 1.

Badges are listed on the url – https://tools.livecoding.tv/badges. An embed code can be generated for each of the available badges after authorizing the app using your Livecoding.tv account. You can click on the “Get Embed Code” button to get the corresponding badge for that category as highlighted in the following screenshot:

6-whole-livecoding-badges

Currently, there are 5 kinds of badges available.

  • Viewers badge.
  • Default Status badge
  • Number of Viewers badge
  • Number of Followers badge
  • Next Stream badge.

1. Viewers Badges – The most basic badge available, it signifies that the blog owner is a  Livecoding.tv viewer. There is only one variant of this badge,  which has the primary LCTV logo. To embed a Viewers badge you need to click on the “Get Embed Code”  button as shown on the right. Once done, you will get the code to embed into your website or blog.

8-viewers-badges

2. Default Status badges – This badge represents whether a user is online or offline. This badge comes in 2 sizes – the Logo pill (big), and the second, smaller one. To use the badges, you need to login and authorize the app to get the embed code.

7-default-status-badge

Authorization is required because of the necessary information access using Livecoding.tv APIs.

Code for Logo Pill

Note: For generating the code, you will need to livestream and then click on “Embed Code”. It will not work if you are not livestreaming.

Code for Small Pill

3. Number of Viewers badges – This badge shows the total number of viewers on your channel. Currently, there are two forms of the badges, and you can use whichever best fits your site. To use the badges, you need to login and authorize the app to get the embed code.

3-viewers-badges

Example Codes

Embed Code:

Embed Code Short:


4. Number of Followers badges – The badge shows the total number of fans you have on your channel. Similar to the “Number of Viewers badges”, you can choose from the two available.

4-followers-badge

Example Codes

Embed Code:

Embed Code Short:


5. Next Stream badges – This simple badge let you notify your blog/website audience about your next stream. It comes in two variants as shown below:

5-next-stream-badge

Example Codes

Embed Code:

Embed Code Short:


 

Benefits of using Livecoding.tv badges.

You can realize substantial benefits from using the LCTV badges on your websites or blog, as well as adding them to social profiles such as GitHub to gain more redirects. Let’s discuss four benefits of using livecoding.tv badges on your website or blog.

    1. Visually appealing – The use of Livecoding.tv badges on your blog or website provides easily viewable, substantive benefits. Now, your website or blog audience will know about your broadcast or channel and will be more likely to check out what you have to offer, even if just out of curiosity. To get the maximum visibility you can add the badge to the author section below each blog post or pin it to the sidebar. The choice is yours!
    2. A better understanding of your blog traffic – Using the LCTV badges will help you to identify any behavioral change on your website or blog. The badges can identify the user behavior and help you to act accordingly. For example, if a lot of your traffic is redirected to your stream on a regular basis, you can easily conclude that your blog or website audience feels they benefit from the broadcasts. This will help you capitalize and write more blog posts that you think serve your audience better.
    3. Improved reach: With Livecoding.tv badges, you are empowering your audience to learn more about you and your coding skills. It doesn’t matter if you are an experienced coder or a beginner, you can present yourself to your blog audience. The audience, in return, will be able to learn more about you.
    4. Interactivity: Having a blog or website is a great way to reach your audience. However, there is one problem: It is not real-time. Comments flow in, only to be later answered by you, sometimes after hours have passed. With Livecoding.tv, you can redirect your audience to interact with you live! And, that can be a game changer in terms of your blog growth.

It is simple fact that using Livecoding.tv badges can benefit your blog/website tremendously.

Conclusion

Using the LCTV badges will help your blog/website. It can help you better understand your audience, and also redirect them to your stream and enable your blog audience to know more about you and your skills. These badges will also ensure information exchange among the users in precise and descriptive ways, such as knowing the time of next stream, the number of viewers, followers, etc.. Thus, using the badges on your blog is a win-win situation.

So, which Livecoding.tv badge are you planning to use? Comment below and let us know.

  • Red Iron Labs

    very very very broken

  • Greg Johnson

    Its a simple process and an elegant batch. Awesome work LCTV.

Read previous post:
americas-best-coding-non-profits
America’s Best Coding Non-Profits

Coding non-profits are organizations that want to improve the state of programming and computer science education, and any associated fields....

Close