How to Add Social Media Feed to Website

No doubt about that — there’s a ton of social media feeds, social media aggregators, or social streams out there. One of the tools that offers such a feature is Brand24 — a web and social media monitoring tool.

However, before explaining how to add social media feed to website, let me make an important point.

Social media feed in Brand24 doesn’t work like any other social media feed out there — sometimes content has to be pre moderated. There’s a couple of good reasons for this.

In most cases, social media aggregators collect only hashtagged content — setting up such a stream is quick and simple and there’s nothing wrong about it. However, there’s more to collect then just hashtags. Let me get to the point.

Pre Moderation Explained

Brand24 is a web and social media monitoring tool — it collects online mentions of any predefined keyword. The collected content gets then shown in the social feed.

It’s pretty straightforward while monitoring a dedicated hashtag or any other invented name — the results are relevant and limited.

The fun starts when monitoring other keywords, for example company name, product name, or common words. It brings the risk of widget displaying irrelevant, or spammy pieces of content. Since we don’t want it, pre moderation is our weapon of choice to combat bad content.

Okay, I’m done with talking — let’s now see how to add social media feed to a website.

How to Add Social Media Feed to Website: Hashtag

1. First of all, provide the hashtag you want Brand24 to collect content for. Remember to include the hashtag sign!

Creating a project inside Brand24 to later add it as social media feed to website

To choose the sources you want to collect content from, go to More options. In there, you can see the sources Brand24 can browse to look for your hashtag.

Since hashtags are mainly the social media thing I would keep the sources limited to Facebook, Twitter, Instagram and also the Web — this is how you can learn if any influential website writes about your actions behind the hashtag.

Then, the tool will start collecting every single piece of content collecting your hashtag. Mentions arrive in real time to the tool’s dashboard.

Time to generate the social media feed for your website.

2. Once you project is up and running, go to the panel at the left-hand side. There you have Create a widget. This is your go-to place.

Panel inside Brand24

Here’s what’s in there:

Creating social media feed for a website

Pick a project — don’t bother with it — the tool automatically picks your project.

Order — here you can choose two options: Latest mentions, or The most popular mentions.

The latter option is based on our algorithm calculating the number of interactions a social media post received: likes, shares, or comments.

Groups — there’s no need to delve into this one. This option will come in handy in a different case.

Next, you can adjust the look of the social media feed for your website. Apart from two color themes, black and white, you can adjust the look on your own to fit it to your branding and website design.

Choosing the look of social media feed for website

Once you created your dream feed, click Save changes.

The creator will take you to the last step of the process — the code. Here’s the code you or your front-end developer can embed into the source code of your website.

To get an idea of what it looks like, click Open widget in new window. Voila!

In case of any troubles with embedding, watch the video tutorial.

How to Add Social Media Feed to Website: Pre Moderated Content

To be honest, managing social media feed on your website with pre moderated content takes a bit more time. Nevertheless, it’s totally worth it — there’s no better advertising than user-generated content.

To exclude worthless pieces of content with a potential to ruin the awesomeness of your social media feed, we need to use Groups.

Groups have been designed to, prepare for it, to group particular mentions according to certain criteria — criteria established by you.

Let’s consider a following scenario: you monitor your company and product name and want to add social media feed as live customer testimonials to your website. Here’s how to do it.

1. Just like in the hashtag case, create a project. Apart from a dedicated hashtag (if you have one), provide your company and product names.

Creating project for pre moderated social media feed for website

Click Get mentions.

Without narrowing down the sources (like in the hashtag case), Brand24 will collect mentions from all the Internet, including social media, websites, blogs, discussion forums and other publicly available sources. Mentions will arrive into the dashboard.

What’s important, not all mentions will fit the purpose — there will be plenty of mentions of your company mentions that have nothing to do with customer testimonials — that’s why we need groups. They are the way to moderate content in social media feed on your website.

2. Embrace Groups.

A group will gather mentions you want to add to the social media feed to your website. Since we want to have live customer testimonials, this mention should be added to a group called, for example, Customer Testimonials.

A mention from Brand24 about Tesla

To create such a group, click Group at the bottom of the mention, enter the name of the group and click Add. Done!

Grouping mentions inside Brand24

Now, from time to time, you can look for and collect in there other testimonials and relevant mentions.

3. Create your widget just like in the hashtag case but with one exception: choose the group you want the widget to display.

Choosing a group during social media feed creation

Then, continue just like in the hashtag case: choose colors, generate your social media feed and embed it to your website.

Let me know if I can help you with anything!