How to embed a Google virtual tour on Facebook
Facebook Pages are a heavily used feature of Facebook. Major brands, celebrities, and organizations use Facebook Pages as their social home on the web. Besides standard tabs like “About”, “Events” or “Photos” you can add custom Page tabs via the Facebook platform. These custom Page tabs load content from your webserver using an iframe. Page tabs will only be displayed in the web UI. Mobile custom tabs are not supported at this time.
The Page Tabs feature is only available to Pages with 2000 or more fans, or pages managed by whitelisted apps.
Here is what is happening: Last April Facebook changed how they define page permissions for pages with less than 2,000 fans due to some folks using facebook tabs for spamming purposes.
Updated March, 30 2018
In this article you will find an updated version of how to embed a Google virtual tour on Facebook
Go to https://apps.facebook.com/static_html_plus/ and login to your Facebook account click on “Add Static HTML to a Page”
Select the Facebook Business Page to which you want to add your virtual tour to and click on Add Page Tab.
Go to Google Maps and locate your business. Click on one of the 360 tiles to access the Google virtual tour which you would like to add. (Please note that currently the embed mode can only be found on maps, if you click on photos on the knowledge graph the embed option will not be available)
Once you are in your Google virtual tour, click on the settings sprocket icon to access the settings menu. Select “Share or embed image”.
Select “Embed image” and copy the iframe code in the dialog box and select the large size on the embed menu or adjust the iframe width & height as needed and add to your Facebook tab.
<iframe src=”https://www.google.com/maps/embed?pb=!1m0!4v1510070652393!6m8!1m7!1sCAoSLEFGMVFpcE1SdENUNGNabUIwejJURU11bVIxSkdKRFRhZGg2ang4VG55SlNK!2m2!1d41.99229894599531!2d-87.86397017518152!3f178.8811342446892!4f-2.026068075685629!5f0.7820865974627469″ width=”800″ height=”600″ frameborder=”0″ style=”border:0″ allowfullscreen></iframe>
Visit your Facebook page and you will see a new tab on the bottom called “Welcome” click on it and select the Edit Tab.
Replace the default content and paste in your Google virtual tour iframe code. Click on Save & Publish
Change your Google virtual tour tab’s name
You may also want to change your tab’s name. To do so, once you paste Google virtual tour iframe code on your tab content click on the Actions menu and select the option “Edit name and image” rename the tab and click on Save tab name
Change your Google virtual tour tab’s position
To change your Google virtual tour tab’s position, click on Facebook page Settings Button and select Edit Page
At the bottom of Options, you will find your custom tab Welcome or Virtual Tour if you changed the name drag and drop your tab to the position you want it showing in the menu and go back to your Facebook page.
You are all set
You have added your Google virtual tour to your Facebook page