Hello friends! Today's article will be very voluminous, but at the same time extremely useful. Why did I decide to write this article? The fact is that I am constantly asked how to get more fans in a particular social network? Why don't people follow my Facebook page? Why is no one following the company on Twitter?
Don't confuse "link" and "exchange"
But none of these options work for me. These buttons do not allow.
Download identical buttons
By searching for "free social media icons" you can download a set of free icons that are the same size and style. Insert icons in the table. Disadvantages of this formula.Use the "text text" element
Inserting links is hampered by the small width available, so it requires a lot of concentration. You cannot insert a column element into another column. . Don't forget to put the same link behind the icon and behind the text! This presentation fits perfectly on the "Contact" page and can also be integrated into your " footer”, inside a column element or in a side column.
Almost every company today has a website and even a blog. Do you have a website? Hope so! If not, then you need to think about it urgently! Well, with bloggers and owners of free professions (consultants and freelancers), it’s clear that they have their own address on the Internet - a website. Friends, the problem is that few sites are really optimized for social networks. They can produce a bunch of very useful and interesting content, but no one sees or hears them. SMO (social media optimization) Have you heard this term? So no one is engaged in this very CMO (optimization of the site for social networks). But in vain! There are a huge number of ways that experts know about to create what is said to be traffic on a website. Simple manipulations + having ideas and creativity can significantly help your company in promotion. This I guarantee you!
On her website, Julie du Chemin inserted icons of her social networks on the contact page. Attention, do not remove the "basic" icons for this system to work. To make it easier to share content on social media, web designers are into it. We are talking, obviously, about sharing buttons integrated in a few seconds on any site. This is the conclusion of the Movweb study.
The toggle buttons are very, very little used
And it's even worse on mobile phones! The statistics provide a better understanding of the lack of interest Internet users have for split buttons: they are 11.5 times more likely to click on mobile ads. On this issue, all social networks are not equal.
So below I will tell you, how to install official social buttons and widgets in the site. It will only official buttons and widgets - no services and plugins!
Social networks have tried very hard and created a huge number of different buttons and widgets. No one has even heard of many, although they are freely available for everyone. Here we will only cover the most useful and effective ones that will help you grow your fan base, as well as make distributing your articles and other content simple and effortless for your site visitors.
Some barriers to exchange identified mobile devices: In many cases, this is not a standalone application, but a mobile browser that opens. The user is not logged on and prefers to discard this resource instead of entering their username and password. If we take into account the % of visitors to use it, then it remains low. Trumb says: Given the number of shares in this article, should I keep them? These buttons will definitely be used in some themes over others! Mobile driven social search, so shares are more often performed on social networks than on sites with share buttons. Jonathan Giroard says: Even if users don't use the share buttons directly, they still count the number of social media shares. This increases the comprehension of this article, which is likely to encourage users to share the link on their network. It would be interesting to hear about rebounds on this topic.
- As a result, they are not displayed.
- But the number of shares with these buttons is insignificant for me.
If you want to install the same buttons as on my site, then more about this is written.
Choose a social network whose buttons you want to set:
Types of social buttons
Before we get started with the button installation instructions, I want to draw your attention to the fact that there are different types of buttons:
Channel the right social networks
As with all other aspects of web marketing, there are methods, tips, and tricks to get as much generic social media content as possible. Here is a list of content that is best for social media. Infographic articles polemical articles in the form of a chip or a numbered list. Again, too many options kill choice. And, with a few exceptions, some social networks will bring nothing.
Encourage users to participate
Depending on your sector of activity, one to two networks will leak most of your visits. Needless to want to be everywhere. Take the time to analyze your goal and post your content where your prospects are! Sometimes, to get something, just ask! At the end of each of your articles and videos, simply ask users to share your content on social media.
Facebook, like other social media networks there is a large selection of social buttons and widgets. Each of them has its own function and purpose. In this section, we will consider only the most used and necessary ones. The rest you can view and test on the developers' site on Facebook.
Note: Let's agree right away. In the description of each section, I will give a link to the site of the developers of the social network in question. networks. On such pages, you can find links to all existing buttons and widgets. Therefore, immediately open the developers page in a separate tab and read further this article.
Feel free to put "Share" text next to your share buttons. You can also encourage users to share with carrots. For example, set one of the types. Internet users need to press the share button to access private content.
Be creative with your visuals
You can fully customize the sharing buttons. You can customize the shape of buttons, sizes, colors or texts. For example, if you have a blog about cooking recipes, you can create and insert a share button next to other social buttons that you save in the standard way. And you can call it "cooking".
Facebook developer site: https://developers.facebook.com/docs/plugins
Like Button
How to install?
Installing the "Like" button is very easy! You need to go to the developers' site on Facebook (as we agreed, the link is at the beginning of this section). Before you start creating new buttons and widgets, you need to create a new app in the Apps menu. This must be done, because without it, Facebook will not let you create buttons!
First of all, you must clearly define the goals of your site and each of your articles. Every content does not have the same purpose. If you would like to collect emails above all, forget about the social sharing keys and focus on banners and the newsletter form.
Put numbers in your headlines
If that's really what you're after, button placement is paramount. Several studies have shown that the best blog sites have been omitted and left in a bar or on the internet. Inserting numbers in the titles of your articles can greatly increase your social media shares. Also, analyze the articles that are most used and you will notice that often these are articles with numbers.
If you have any problems with the creation of the application or with the generation of scripts, let me know in the comments, and I will do even more detailed instructions for installing buttons.
So, to set the "Like" button, on the developers page, in the left column, click on " like button (web)«. 
Now you need to choose from the options offered by Facebook to get exactly the widget you want.
Make sharing easy and visible
So, when you can, put numbers in your headlines. Use words that require action, play on time, and are accurate and factual. Words like method, exact, plan, action, turnkey, work wonders. Facilitate the work of Internet users. Make sure your buttons public access well visible. Below is a small list of elements designed to make it easier to share your content on social media.
Social Media Content Optimization
Insert your buttons multiple times on your page, especially on the left and on the bottom. When you embed infographics and videos in your articles, include embed codes so that other bloggers can embed your content in their blogs.
- Large buttons that stand out from the content by color.
- Make sure your buttons are set to smartphone.
1) Url to Like— enter a link to the page, publication, landing page for which you are creating the “Like” button. It can be any type of content, even an image or video. The main thing is that you provide a link that users will share.
2) Width- If you have limited space for the button, then you can specify the width of the widget in pixels. The buttons themselves are small, but if you choose the standard buttons, the text takes up quite a lot of space. I will talk about this in the next paragraph.
You can add codes to your blog that will tell social networks which article image they should choose to post. By default, they choose the 1st image of the article or image if your blog has this feature. The whole procedure is detailed here.
Analyze the effectiveness of your social shares
The more people you have to perform actions, the less social sharing you have. Also they don't need to allow third party application. Keeping track of all your content, including social sharing, will allow you to gather valuable insights. What is the social network that brings you the most traffic, what type of content brings you the most traffic, what is the social network that brings you traffic as well as sales. Measuring this data will let you know what type of content and networks you need to focus on.
3) layout- Widget type. Facebook offers 4 options to choose from: standard (as in the picture), with a large counter, with a small counter and just buttons. It all depends on your taste, the style of the site, the available space for buttons, and the desire to show counters (i.e., how many people clicked on the button).
4) Action Type- type of action, i.e. what type of button you want to set: "Like" or "Recommend". I wrote in detail about the differences between these buttons - and widgets on Facebook in general - in my .
Talk to other bloggers
For maximum social sharing, start by sharing your content globally. As a blogger, you inevitably have a small community. Directly reach out to bloggers you know and ask for their help to share your content when posting on social media, mention other bloggers' names in your status so they get a notification when they're mentioned in your articles, include the blogger's name or website. A blog article has a very short lifespan.
Therefore, it is very important to recycle your content in order to get the success they deserve. Here are some ways to recycle content. Every month publish the "best" articles from your best articles, turn your articles into videos, slides, e-books or infographic. Change titles when you share your content on social media. . Our motto is that no one can succeed online without doing the same as everyone else and by joining us you will get a new learning every 15 days! without any obligation.
5) Show friends' faces- if you want the buttons to show the visitor of your site the avatars of his friends who have already clicked on the "Like" button, then check this box. If none of the friends liked the page, article, etc., then Facebook will not display the photo, but in the text it will offer the user to be the first to like it. If space permits, I recommend enabling this option, as the faces of friends have a positive effect on the perception of the content by the reader, increasing his trust and often pushing him to click on the button as well, if only out of solidarity.
Win 50 euros per prospect: full method. You will also see my strategies for investing $65 in advertising and winning more than one of my most comprehensive training courses and you will discover my best strategies in 6 modules. It all depends on the niche you choose. Finally, you will see 4 methods to quickly monetize your catalog by diversifying your income streams.
Discover one of the most advanced learning courses in French to earn blogging income. You will have access to unparalleled marketing methods. It's not enough to press a button. You will have to apply sharp strategies and it will take some work!
After you have filled in all the fields, click on the button Get Code to generate the code that you will install on the site. The first part of the script is set to the tag
page, and the second part is inserted in the place where you want to set the button.The site should open in Russian, but if, for some strange reason, it is in English, then you can change the language at the very top of the page.
You will find that it is not by applying the usual strategies that you will succeed. This preparation is for you if you want to move fast and you are tired of wasting your time on beginner tips. But, as usual, not like everyone else. Everyone agrees that social media is the perfect place to share your content.
This results in more traffic to your site and allows you to generate more advertising revenue and allows more people to know your site, your articles and your products. But how many sites were you forced to look for where the social media buttons were without finding them? Sometimes they are so tiny that they may simply not be present.
How to install?
Tweet button
Another well-known button on Twitter is "Tweet", which allows users to share your content with their Twitter followers.
How to install?
All Twitter buttons are installed on the developers page mentioned above. The process for all buttons is almost identical - we select the desired type of button, fill in the parameters and copy the code, which we then paste on the site.
With that in mind, we'll talk a bit about social media buttons and where they should appear on your site so your visitors don't have to look for them. However, there is always a debate about whether social media buttons really attract visitors. One of the reasons for this discussion is probably due to the way many blogs and sites position share buttons in a completely inefficient way.
It's not good for us to judge the location of a button if the theme designer placed it in such and such a place. For him, he needed social networks, and he organized them successfully. However, theme developers usually don't see certain aspects of marketing in the same way that site owners and users do.
Hashtag Button
This is a very interesting button, which, I'm sure, almost no one knows about. I personally have never seen anyone in RuNet use it. However, it is very good for certain tasks. For example, such a button can be used to promote any events, webinars, discussions on Twitter under a certain tag, marketing campaigns, contests. Yes, whatever! There is a lot of room for creativity here!
It is logical if the hashtag button is installed on pages related to this hashtag. For example, let's say you wrote an article about a new one you're doing for fans on Twitter. To participate in the contest, you must use a specific hashtag. Using a similar button, you will make life easier for a person, because by clicking on it, he will open a tweet with the desired hashtag. He can just add some text and send the tweet free floating. And he is well, and you will have a new member. Isn't it great? In a word, you need to forge iron without leaving the cash register, that is, while the reader is under the emotion of what he has read. Two minutes later, he will be distracted and may forget what he just read.
While my imagination is running wild, I'll share one more idea with you. Let's just say you're hosting an event (online or offline). To promote it, you create a separate article or page dedicated to this topic. Right there, in the text, you insert a "Hashtag" button and next to it, you insert a separate widget that will display, in real time, all tweets using this hashtag. After viewing the discussion of other users, perhaps your not very active reader will ripen in order to take part in it. The goal here is to draw the reader's attention to what is happening, engage him in the discussion, and, of course, keep him on the site.
How to install?
The "Hashtag" button is set all from the same page that I wrote about above.
Mention button
Finally, I’ll tell you about one more good button, which, unfortunately, no one uses. But in vain! This can be said to be an ordinary tweet sent to a pre-specified profile. I think that the button is little used because many do not know how and where to set it. Here are a couple of examples that come to my mind. If you know that your target audience is on Twitter and actively uses this social. network, why don't you encourage people to tweet you directly from the site? It could be a tweet to the author of an article, a tweet from an About or Contact page, a tweet straight to Twitter support, etc. See how many opportunities you're missing out on getting your Twitter account alive?
If a person came to your site, then he already has some interest in you, so you need to push him to action right now. In a minute it might be too late! Alas, such times have come that we forget to do something very quickly, as we switch attention from one to another every minute. And the younger your audience, the more this phenomenon manifests itself, so do not forget about the existence of this button and try to use it where appropriate.
How to install?
We install the button all from the same page. If you read the instructions for the previous buttons, then all the options for the "Mention" button on Twitter should be clear to you.
See below how such a button works. Don't forget to tweet me what you think of this article 🙂 It's important for me to know what my readers think, so I'd love to hear from you.
Mention button example
Widgets Twitter
We figured out the Twitter buttons. Now I would like to briefly tell you about the official widgets that Twitter has. Scripts for all widgets, you can get this link.
Widgets are of the following types:
- Regular Widget with the latest tweets;
- Search Widget, which shows the search results for the given key in real time. This type of widget is very convenient for searching, for example, by your branded hashtag. See an example of its use in the Hashtag Button for Twitter section;
- Favorites Widget- Shows tweets that you have added to your favorites. This type of widget can be used, for example, to show positive feedback about a company. Why not?
- Collections Widget Collections are something between favorites and lists. You can manually select which tweets will be included in the collection. I note that each collection has its own link and description. This feature is very little used on Twitter, although it is very interesting.
- Lists Widget shows the profile lists you have created. Here, too, you can be creative and do something interesting and useful for the reader, which, at the same time, will benefit you. How about a list of partners, your company accounts (if there are many), a portfolio of Twitter accounts you manage (for agencies and freelancers), or a list of members in your club, for example? Again, there is no limit to creativity here.
An example of a regular Twitter widget
In contact with
The social network Vkontakte, like others, has a whole bunch of different buttons and widgets. A complete list of them can be seen on the developers website: https://vk.com/dev/sites
Again, I will only go through the most important ones, otherwise this article will not be an article, but a whole book ... I think that it will be much easier to understand VK widgets, since the website and all the necessary documentation are also available in Russian.
Like button
How to install?
First you need to go to the widget page. I gave a link to the list of widgets at the very beginning of the Vkontakte section.
How to install?
In order to insert the "Community" widget into the site, you first of all need to enter a link to your page or group in Vkontakte. Next, you choose whether you want the widget to display the faces of the members of the group or fans of the page, as well as the latest news from the page, or whether you want a simple plug-in with a "Like" button. Since the VK widget is very similar to Facebook, the recommendations regarding the type of plugin remain the same. I won't repeat myself, so if you're interested, check out the Facebook plugins section.
Next are the parameters related to the size of the plugin and its appearance. It all depends on the color palette of your site and the available space for the plugin. In principle, you can choose any color, but it is still recommended to keep the original color palette, since such colors are more familiar to users and do not frighten them. And finally, we got to the last point - we insert the code into the site. As you already remember, the first part of the code goes into the tag
page, and the second part to the place where the plugin will stand.Most recently, I created a blog page "About SMM" in Vkontakte. Therefore, if you wish to receive Latest updates in this social networks, then join!
Example plugin "Community" Vkontakte
Follow Author Widget
Like the similarly named Facebook plugin, this widget is recommended for anyone looking to grow their personal brand. If you are, for example, an author of books or a blog, a journalist, a lawyer, a real estate agent, etc., then why not install such a button on your website? It is easier for potential buyers to establish contact with real person than, for example, with a page or group for which it is not clear who is behind it. This is how we are arranged, a person is a social being, and we love personal contact, therefore, such a widget will come in handy for any professional, no matter what field you work in.
How to install?
Installing it is easy! Go to the widget page in VK and enter your profile address. Next, choose which button you want to install. I repeat once again that it is desirable to install only buttons through the script (for example, a button or a light button). If you just need a link, then it's better to do it through HTML code, so as not to overload the site with scripts, without which you can very easily do without. The effect will be the same, and the site will load faster.
Example of a Follow Author button
Other Vkontakte widgets
Guys, above I have listed the most common and effective VK widgets, but the list is not limited to this. Vkontakte has a whole bunch of different widgets that can be useful in a given situation. For example, poll widget which almost no one uses. If you created a poll on your VK page, then why not insert it into a related article? Readers of your site will be able to vote for their version directly on your site, and information about this will also go to VK. Not bad, right?
There is also an interesting Widget "Recommendations", which brings out the most interesting articles on your blog or website. The degree of interest in a particular content is determined by the number of clicks on the "Like" button. In a word, Vkontakte will automatically count how many users clicked on the "Like" buttons and will collect all the most interesting articles in this block. If your target audience is widely represented in the social. Vkontakte network, then you should try and install these two widgets: "I like" and "Recommendations". I am sure that the results will not keep you waiting!
Now let's talk about - LinkedIn. This network is only growing in popularity with us, so not many people understand how it can be used to achieve positive results. In America, where this network comes from, there are few professionals or companies that do not have a LinkedIn profile. There they will look askance at you if you are at least not registered in the social. networks. In Europe, the use of social networks are very different depending on the country. For example, the UK and Sweden are leading the way in incorporating LinkedIn into companies' marketing strategies. Not only do they encourage employees to have online profiles, but they also hire people through LinkedIn, advertise companies and products, look for potential customers and partners, and so on.
But we are not talking about that today. We will talk about the social plugins that LinkedIn has developed for us and where and how they can be used. Do not rush to say that this network is not interesting to you! And if you work in the field of consulting, b2b, then you simply must read this section.
So, LinkedIn, like all social networks. networks, there is a separate page where you can see all existing buttons and plugins: https://developer.linkedin.com/plugins
The developer site, unfortunately, exists only on English language, so I will try to explain the installation of each plugin and button in as much detail as possible.
How to install?
How to install?
The "Subscribe" button is installed from the same developers page, the link to which I gave at the beginning of the section. In the left column, click on " follow company” and LinkedIn will show you the relevant section. First, select what kind of button you want to install: with a vertical or horizontal counter or maybe the most common one and click on Get it. Next, you need to enter the name of the company for which you are setting the button. In the appropriate box, start writing the name, letter by letter, and it should appear on the list. Sometimes the list takes a long time to load, so take your time. The name must be written exactly as it is written on the company page. Then select the language of the button - Russian, the type of button and click on the button " to get the code". Now just paste the code in the right place on the site and you're done! In Russian, by the way, the button will be called “Track”, which I don’t really like. I personally would leave the English version. Fortunately, everyone already knows what the word “follow” means 🙂
I have not yet created a company page on LinkedIn, so there is no real example yet. If I make a page in the future, I will definitely insert it as an example in the article.
Personal Profile Button
This is another good, but again little used plugin. This button displays a photo personal profile, post and shows the friends of the user who sees this plugin. Of course, for LinkedIn to be able to show professional connections to a reader of your site, he - the reader - must be logged in (if I may say so) on LinkedIn. In short, the user must be logged into LinkedIn for the plugin to function fully.
Who can this plugin be useful for? I think that for people working in the b2b sector, it will be most useful. Although you can use it anywhere: on the page about the authors of the site, on the page about the company's employees, on the pages about your clients and partners (with their permission, of course) - there are many options. The main thing is that such profile buttons fit organically into your website and company strategy. If your employees have half-filled profiles, go to LinkedIn once a year and have 10 connections, then there is no point in exposing such profiles. If your company, on the contrary, is actively engaged in promotion in the social. networks, then such a plugin can bring you a lot of benefits.
+1 button
How to install?
How to install?
All Pinterest buttons and widgets are installed from the link above. To set the "Pin it" button, you must select the appropriate button in the left column.
Pinterest buttons are a little trickier to set up as they have many different options, but it's still entirely possible to set them up yourself.
1) In the very first line " Button Type» you can choose the type of button you want to install on the site: a given image, any image from the page, or a Pin it button that will appear on the images of the page / article.
2) The second line - " Appearance“, i.e. the appearance of the button. Here, Pinterest offers many options to choose from: large or small; rectangular or round; red, gray or white; text in English or Japanese.
3) The third line is the counter. Here you can select the counter from above, from the side or completely remove it.
Depending on the type of button you choose, its options will change.
- Button " one image' implies that you want to specify a specific image that a site reader can pin for a specific link. That is, the reader will not have a choice, even if there are other images on your page. If you decide to set an image for a button, then such a button must be set separately for each page, since it requires a link to the page/article. In the first column, you need to insert a link to the page that users will share, i.e. the link that they will pin. Next, provide a link to the image. This, by the way, can be any source, even outside your site. In the last column, you can specify the text for the image that the user will share. This can be, for example, the title of a page or the title of an article. Before sending the pin, the user, if desired, will be able to replace your text with their own.
- Button " Any image' or any image. This button is very simple and does not require any additional parameters. You just need to choose the size and type of the button, and also decide if you need a counter or not.
- Button " image hover“, i.e. a button that will appear on the image itself when you hover over it with the mouse cursor. You can try out how it works in the Pinterest sample image.
Now a few words about the code which you need to set on the page. Pinterest, like other social media network, has two codes: the first part is inserted into the tag
, and the second part to the place where the button itself is installed. If you have multiple Pinterest buttons on the same page, then you only need to set the first code once.An example piece of code that is set only once per tag
pages:.Subscribe Button
Pinterest, like Google+, does not distinguish between personal accounts and company accounts, so the "Subscribe" button for both is created in one place. This button is easy to install. All you have to do is enter your profile link and name the button.
As I wrote above, I can't embed Pinterest buttons due to script conflict, so if you want to befriend me on Pinterest, just follow this link.
Bonus: hyperlinks
Below, I will give examples of how such links are created manually. You can also try a special link generator - Share Link Generator. On this site you can create links for Facebook, Twitter, Google+, Pinterest and LinkedIn. It will be easy to understand the site, so I will not explain what and how. However, see my advice, as the link generator does not give full link for HTML + code format how to make the link open in a new window. All this plus examples of links for social. Vkontakte networks, you will find in this section.
http://www.facebook.com/share.php?u= your link «> hyperlink text
Recently, every second (if not the first) customer in the requirements for the development of the site asks to be sure to connect it with social networks. “Social” buttons on the site are the number 1 tool for attracting the target audience, distributing content and PR in general. And completely free!
Social networks provide codes for their buttons and widgets for placement on the site, and attach instructions for installing them in the content management system. Any CMS allows you to install them ( OS), the main thing is to harmoniously fit them into the design of your site.
What are the features and functions?
If your site is aimed at people who communicate with popular social networks. networks, for example, Vkontakte, Twitter, Instagramm, Facebook, Google+, Pinterest, etc., and you want to cover them all, then in order not to set the buttons for each of them separately, given that they may differ in size and design, we recommend using aggregation services. These are simple and convenient tools that will allow site visitors to quickly share information with their friends, regardless of which social network they use. Below we will analyze the most popular services.
Share Pluso Social Media Buttons
Share Pluso verified free service, which will allow your website visitors to share interesting content on social networks. It allows you to set social network buttons, as well as send a page to print, add it to your bookmarks or send it to a friend by e-mail.
Good Togliatti Lawyers.