Add a “Like” widget (VKontakte) and a Facebook Like Button (Facebook) to your blog. New “reactions” on Facebook instead of “likes”: why they are needed and how to use them

The Facebook “Like” button allows you to share an article on the most popular social network in the world.

Installing a “like” button for Facebook

Go to the “Like Button” section on the Facebook website. Or manually, at the bottom of the page go to the item “ For developers", select the section " Web" On the next page go to " Integrate Facebook Into Your Website" Next, on the left side of the menu, select the tab “ Core Concepts", there is a section " Social Plugins" Go to the “Like Button” item.

We fill out the following form:

Values:

• URL to Like— the address of the page that will be liked. It’s better to leave it blank, in which case the address of the page on which the button is located will be automatically substituted
• Send Button — additional button, which allows you to send the article to friends. I personally removed it
• Layout Style— allows you to select the style of the button. Try changing it, the button example will change automatically
• Width— button width. However, no matter how much I changed, the button remained the same
• Show Faces— if enabled, avatars of those who pressed the button will be shown
• Font— allows you to select the font for the button label
• Color Scheme- choice between light and dark design. For me, dark doesn't look good at all
• Verb to display— select the inscription on the button: “I like” or “I recommend”

After filling out all the fields, click on the “Get Code” button. A window with the code appears. We insert the first part into the template after the opening body tag:

Default

//

// if (d . getElementById ( id ) ) return ; js = d . createElement(s); js. id = id ; js. src = "//connect.facebook.net/ru_RU/all.js#xfbml=1" ;

I wanted to put several topics into one post: finding and adding friends, adding a “Like” block, advertising the created page.

If you can write about the first two now, then advertising the page still requires some time. We are interested not only in the essence of this process, but in some statistics (what, where, for what, etc.). Therefore, on the advertising page a little later.

And in this post we will add the “I like” block or by “their” “I like” from facebook to our website, then we will add friends to our facebook account and, as a result, we will offer our page to our existing friends.

Adding a “Like” block

The Facebook widget is a block consisting of a “Like” button and photos of those users who actually clicked on this button. Using the example of the block I installed (see below), you can see how it might roughly look on your website.

This widget is only available for pages created on facebook. If you don’t have a page, then you can install it without such a widget. Also a necessary thing. But I still recommend creating and setting up a page; I wrote about this in .

We have a page, let's move on to setting up the widget. Click on and you are on the widget creation page. Here is a miracle before us:

The points:

You can see what the created block will look like right there, to the right.

This completes the settings offered by Facebook, click the “Get code” button:

A pop-up window will appear. There are two types of code in this window. I installed the first one. I tried to install the second one, it doesn't look very good.

Here is the code for my facebook page:

< iframe src= "http://сайт/www.facebook.com/plugins/likebox.php?href=http%3A%2F %2F www.facebook.com%2F pervushincom&width=681&colorscheme=light&show_faces=true&stream=false&header=true&height=62" scrolling= "no" frameborder= "0" style= "border:none; overflow:hidden; width:681px; height:62px;" allowTransparency= "true" >

Remember, above, I talked about the height parameter, which we are not offered to configure? So, by default this parameter is given a value of 62px, for my blog this turned out to be not enough and I changed it, now it is 165px.

The customized code must be placed in our engine template. If you are like me, then in the folder with the theme (wp-content/themes/your theme) we find the file single.php. This file is responsible for outputting a single record. Open the file and after the tag paste the received code.

Of course, you can install this code anywhere. For example, you can display a widget in the sidebar, then set the widht and height parameters in accordance with the width of your sidebar and write the code in the sidebar.php file.

It seems that everything is not so complicated, but if you have problems, you can of course ask a question in the comments or install the plugin. For example . This plugin has all the necessary settings.

Adding friends

Now let's go through the friends. Our goal is to attract as many as possible facebook users to the page created for the blog. This is a contribution to the future, permanent, targeted traffic to the main blog.

We cannot add friends to the page, but we can offer this very page to our friends, I mean the friends of our Facebook account. But adding friends to your account is welcome, as much as you like. But don’t overdo it, otherwise you might get caught.

Adding friends is easy. You can, of course, call this method masturbation, but it’s simple and free.

Go to your Facebook account page. In the column on the right there is a block “You may know them”, which displays two users. In this block, under each user there is a link “Add as friend”.

In most cases, users willingly agree to our request.

What's next? And then, when you already have a certain number of friends, you can offer them our page. For these purposes, the Facebook page has the “Suggest to friends” option. It is located in the menu on the left, under the logo of your page (site, blog):

By clicking on this option, a window will appear in which all our friends will be. Select them and click the “Submit” button:

Well, that's all in this post. A little later, maybe in a week, I’ll publish a post on advertising on Facebook.

By the way, do you know any methods for promoting pages on Facebook other than recommendations to friends and advertising?

Hello everyone, friends! A few weeks ago I wrote, and . Today we will continue to use social networks to promote the site. In this post I will write how the I like VKontakte button and the I like Facebook button are installed on the site.

How to install the “Like” button on VKontakte

In order for you to see a beautiful VKontakte button on your website, you need to take only three steps:

Add your site to social media VKontakte network;

Tune appearance buttons;

Copy the code and paste it onto your website.

After inserting the second part of the code, you should see a “I like” button from VKontakte on your website. If you have any problems, write in the comments, I will try to help: smile:.

How to Install the Facebook Like Button

To get started, go here. If you are not logged in, please do so. Now on this page we need to fill in some fields first. Although they are on English language, but it’s okay, we’ll figure it out: smile:.

• URL to Like – . We leave this field empty because we want to install the button on all pages;
• Height – height. You don’t have to set anything, by default the button height is normal;
• Layout – here we need to specify the appearance of the button. I chose the last option button_count, in my opinion it is the best. You can try another option and see how it looks. If you like box_count or standard better, then please put the one you like.
• Show Friends" Faces – show. I unchecked it because I don’t want to show avatars.
• Width – width. I didn’t set anything, if the width of the button doesn’t suit you, you can specify it.
• Color Scheme – color scheme. I left it at the default light.
• Action Type. If you select like, then the inscription on the button will be “like”. And if recommend, then “I recommend.” I chose the first option like.
• Include Send Button - Include the “Send” button. I don't need it, so I unchecked it.

After filling in all the fields, I got it like this:


Now click on the “Get code” button to receive the code.


You need to place the first part of the code in the footer.php file before the tag. And the second part is in the place where you want to see the “Like” button from Facebook on your website. You can place the “Like” button from VKontakte after the code in the single.php file.
That's all for me. How do you like the article?

Introduce social network Without the treasured “Like” button today it is no longer possible. With its help, users can not only rate published material, but also share it with their friends. Partly this Facebook button made it so popular, because the raised finger has become a kind of symbol of the social network.

Why do we need “Like”?

From the name it is clear that like was introduced to indicate the publications users liked. Moreover, this could be a text post, photo, video, link to third party resource or even Page.

First, let's look at the simplest example of using a button. Let's say your friend posted new photo, and she aroused your genuine interest. To tell a friend about this, you just need to click the “Like” button located under the photo. Your Facebook friend will receive a text notification that you liked the photo you posted. This information will also be reflected in your timeline.

like has a slightly different function when used on Pages. By liking a Page, you automatically become a subscriber. And this, in turn, means that new public publications will be displayed in your News Feed.

Using “likes” on external resources

In the “URL to Like” line, you must indicate the full address of the site page on which the button will subsequently be placed. The “Width” field is intended to indicate the width of the “like” in pixels. Everything here is individual - you need to select it for the design of a specific page. Next is the “Layout” option, with which you can define how the button will look. On this moment There are four options available: standard, box_count, button_count, button. Final setup plugin is the “Action Type” field. You can choose either “Like” or “Recommend”.

Of course, installing a plugin is a task that requires certain skills from developers. However, if you know the basics of coding, you can do everything with ease. Moreover, if you wish, you can use other Facebook plugins, for example, the “Subscribe” button, the ability to comment for visitors, and much, much more.