How to embed Google Plus Hovercard into website post
By Nenad Adamovic
Increasing number of people would like to learn how to embed Google Plus Hovercard into the website post. The reason is that the Google Hovercard gives you the ability to increase your interaction and number of followers by connecting your personal or brand Google+ page to the website.
Once the authorship and publisher connection is established through to Google+ pages this will allow visitors to engage to your personal or brand page directly from the badge itself.
Steps to embed Google Plus Hovercard or Google Badge
It is quite simple to do it. The easiest and the best way is to go to Google Developers Platform, preferably logged in and the page will automatically load your Google+ Badge on the right hand side of the page.
Just below the Badge is the area where your embed code is. If you are satisfied with the look of your Google Plus Hovercard or Google+ Badge, copy and paste this code into the desired location. The type of page and your personal information will influence the graphic and the tagline shown on the badge. Personal, Brand or Community pages will generate different types of Hovercards / Google+ Badges. You can read more about it here => Types of Google Plus Hovercard or Google+ Badge
Graphic and tagline can be adjusted from your ‘About’ profile page (learn more on the Plus Your Business website or Plus Your Business Google+ community) but now we will concentrate on the immediate adjustments and exploring of different options that we can make directly from the Google Developers platform.
1). Google plus user – you can choose which page you want to edit on the right hand side. Your personal and Brand pages are automatically included in the drop-down menu but if you wish to search for some other profile, you need to click on the ‘Other’ link and enter the profile url of that page into the box. This will automatically bring that page’s badge up.
2). Features – has two options. Icon (Google+ icon) with the option to add a custom text and choose the size of the icon, or badge (Google+ badge) with the rest of the options.
3). Layout – is very useful feature which transforms the Google+ badge from portrait to landscape and gives you the ability to integrate the badge into your website design.
4). Width – is a brilliant slider option which adjusts the width of your badge.
5). Color (colour) Theme – is also a great design feature where you can toggle between the white background with black letters of black background with white letters.
6). Cover Photo – is the simple but effective option to have or not have the cover photo.
7). Tagline – is the switch between having and not having tagline in the Google Plus Hovercard
8). Language – is the setting which helps integrate Google+ badge into the websites using different languages.
Every adjustment would immediately change the appearance of the Google plus hovercard and automatically change the embed code.
I hope that this information about how to embed Google Plus hovercard has helped and if you have any comments please leave them bellow.