How to Embed a Google Virtual Tour into a Facebook Page

Once a Google Virtual Tour has been published, it can be accessed direct from Google Search or Google Maps, but can also be used in a variety of other ways… You can send links to any view of a Google Virtual Tour, or Embed the tour into your website.  This post provides simple instruction on how you can embed a Google Virtual Tour into a Facebook Page.

First you need to Install a special App called Woobox – this allows you to create a Tab on your preferred Facebook page and insert HTML code into to.  To achieve this, Login to your Facebook account, navigate to the Woobox App and install it by clicking on the Install Page Tab link.

Then select which Facebook Page you would like to add the Tab to  and click on the Add Page Tab Button


After you click the  “Add Page Tab” button, you then you need to authorize the tab application.

Now open a new browser window and go to your Google Virtual Tour in Google Maps (this is important because only Google Maps now includes the embed option). Navigate to the place in the tour you want to start from.  Click on the “three dots” icon in the top left corner and select the “Sher or embed image” option… Click the “Embed Image” Tab; Set the custom width/height to 800 x 600 and Copy the embed code.

Now go back to your Facebook tab page and paste the code from your Google Maps embed into your Woobox custom facebook tab.  Save the settings, then go to “Tab Settings” to give the Tab a suitable title.

That’s it! Visit your facebook page and view your tab. This is what is should look like: Virtual Tour Examples

 

 

 

How to Embed a Google Virtual Tour onto your Website

Once your Google Virtual Tour has been published, it will be available via Google Search and Google Maps… but you can also embed it into your website.

This very simple process is outlined below. Most website owners can probably do this themselves (particularly if your site is a WordPress site), but if you are having trouble, simply pass the link to this post onto your web developer.

Step 1 – Find your listing on Google Maps

First go to Google Maps, search for your business.  It is IMPORTANT that you use Google Maps, because accessing the Tour direct form Google Search does not offer the share/embed capabilities that are provided by Google Maps.

Then click on one of the 360° Panosphere links in the left column (these are associated with the “Storefront” and “Inside Starting Point” views of your tour) to view your Virtual Tour.

embed-google-virtual-tour-into-website-step-1

 

Step 2 – Select the “View” you Want

You can embed ANY view as the starting point of your Virtual Tour into your website. Navigate to the Area you want to use, change direction and zoom level until you get the view you want to use as the starting point in your website.  The click on the 3 dots in the top left :

embed-google-virtual-tour-into-website-step-2

Step 3 – Get Embed Code

Select the “Share or embed image option”

share-or-embed-image

Select the “Embed Image” Tab and then choose the size you want to embedded view to be – Small (400×300), Medium (600×450) or Large (800×600)…  You can also choose a Custom Size (as per the example below) and enter whatever dimensions that you want to use on your website.

Then select and copy (Ctrl C) the HTML embed code (it start with <iframe src and ends with </iframe>)

embed-google-virtual-tour-into-website-step-3

Step 4 – Add the Embed Code to your Website

Edit the page where you want to add the virtual tour into…and Paste the embed code into the html of the page on your website where you’d like your virtual tour to show The process will vary depending on how your website has been created (you may need to get advice from your web developer).

If you are using WordPress, make sure that you paste the code in “Text” mode not “Visual” mode or it will not work.

Step 5 – Save and Check the Page

Save the change and update the page (again thios process will depend on how your site is created).  Then go to the page and your Virtual Tour should be embedded within your website.

Carina Florist – Florist – Carina

logo-squareCarina Florist did have a generic Google+ Business Page (that had automatically been created by Google), but they had not verified or configured it.

They “claimed” the page and had updated it in My Business, but had been waiting more then 3 weeks for the postcard verification.

I helped them to get the page verified, took the panoramic tour photos and was able to publish their Virtual Tour within a week.

Their Google+ Business Page was verified on 7th August and (less than a week later) already has more than 1200 views.  Here is their virtual Tour….

Pet Angel Funerals- Cremation Service – Molendinar

Pet AngelPet Angel a Gold Coast cremation service for pets, had already claimed, verified and setup their Google+ Business Page, but wanted to raise their profile on Google by adding a  virtual tour.

Their Virtual Tour (see below) was published on 14th July – and less than 3 weeks later had received more than 2,000 extra views.

The Guitar Centre – Retail Store – East Brisbane

The Guitar CentreThe Guitar Center already had an existing Google+ Business page and Virtual Tour…. but after moving premises to a brand new store (diagonally across the intersection of Stanley St East and Lisburn St, Woolloongabba), they decided that a new updated Virtual Tour was important.

We scheduled the Photoshoot in March 2015 and published the New Virtual Tour on 30 March 2015 (less than a week after the shoot).

They are still to update the cover photo on their Business+ Page – but in less than 1 month (as of 22 April), the number of views has grown from just under 50,00 to  more than 67,000.

Moreish Cafe – Cafe – Stones Corner

logo-squareMoreish Cafe is a fabulous Cafe on Logan Rd, Stones Corner (although Google thonks it is Greenslopes).

They originally had an auto created Business Page, but it had not been claimed.  I helped them to claim and verify the oage, and also assisted them with adding content and updating it. We scheduled the photoshoot  in March 2015 and the  Virtual Tour was published on 24 March 2014.

As this was abrand new Google+ Page theye didi not have any Views registerd – as of 22 April (less than 1 month after publication of the virtual tour) thy have had over 2,300 views.

Badminton Brew – Coffee Shop – Mt Gravatt East

Badminton Brew Cafe v1Badminton Brew is a relatively new cafe/coffe shop (opened in December 2014) hidden away in the backstreets of Mt Gravatt East.

Located in amongst a small row of otherwise ordinary shops on Badminton St (in an area bordered by Cavendish Rd and Creek Rd), Badminton Brew has rapidly become a popular spot for Takeway Coffee.

As this is a brand new business, a Google+ Page did not already exist, so I assisted Rachael in the creation and optimisation of this.  We then went through the Google verification process, and were able to schedule the photoshoot for the Virtual Tour. and arrange for publication.

Sik Gaek – Korean BBQ Buffet – Mt Gravatt

Sik Gaek – my favourite Korean BBQ Buffet, is an “all you can eat” restaurant at Mt Gravatt based around the Korean BBQ style of eating.

We helped the owners clain and optimise their  Google+ Business Page and also took and published  Business View and Professional feature Photos of their Business.

Backstreet Espresso – Carina

Backstreet Espresso is literally tucked away in the backstreets of Carina.  Located in Kenrose St just off Creek Rd – Backstreet is rapidly developing a reputation for Great coffee and food.

I actually grew up in this area so remember as a kid riding down to the Kenrose St shops (long before Backstreet Espresso existed) to spend my pocket money on lollies (and firecrackers).

Michael and Courtney had already claimed and verified their Google+ Page years ago as a Places Page, bu we assisted them with the the optimisation of their Google+ Business Page and also took and published  Business View and Professional feature Photos of their Business.


View Larger Map

Has Beans Coffee – Camp Hill

Has Beans is a tiny (but very popular) Coffee shop at the Samuel Village shopping Center in Camp Hill.  We assisted Sue and Jung with the creation and verification of their Google+ Business Page and also took and published  Business View and Professional feature Photos of their Business.


View Larger Map