Pages - Menu

How to embed Google Plus posts

Recently Google added new embed post feature like Facebook and Twitter to Google plus which is available for everyone. Embedding posts is really useful. You can embed source posts in your posts so that users can see from where you got some information.

How to get it working?

Tutorial on how to embed Google+ posts on your web pages.
Configuring your website for embed posts is not difficult. Just go to any public post that you want to embed on some web page and click on the upside down arrow from top right corner of post, move your cursor to Embed Post and click on it. Now copy the code and paste in your body to get it working. For more details on how to insert this code in code of your webpage keep on reading.

How to insert code?

Code for embedding google+ posts on web pages.
Step 1: Copy code similar to below code and go to the html source of web page on which you want to show this public post. Search for </body> and paste copied code before it (add this code only once in your source code).
<!-- Place this tag in your head or just before your close body tag. -->
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>


Step 2: Now copy code which is similar to below code and paste in source code of page where you want to show post (Make sure to paste this code between <body> and </body> tags. If above code is already in your source code only add below code).

<!-- Place this tag where you want the widget to render. -->
<div class="g-post" data-href="https://plus.google.com/112939434740608658571/posts/BLtdjxezTEn"></div>

What if you want to embed two or more posts?

Add code in step 1 only once and add codes similar to step 2 where you want to show embed posts.
Scroll down for posts that you may like.