How-to Guides
Learn how to add your Google Street View | Trusted tour to your webpage, Facebook page, or email/text message.
1. How to Add Your Google Street View | Trusted Virtual Tour to Your Webpage
Embed a map
You can embed a Google Street View | Trusted Virtual Tour into your website or blog from the new Google Maps. Open https://maps.google.com (this feature is currently missing from Google search).
Get the code
- Navigate to a starting point for your embeded tour. Click the ‘three dot’ icon located next to the business name top left of screen.
- Click Share and embed image.
- In the box that appears, make sure the Embed image tab is selected.
- Choose from one of size options, or select Custom size.
- Enter the embed size you want, then copy the HTML and paste the code into the source code of your website or blog.
Paste the embedding code into the html of the page on your website where you’d like your virtual tour to show. Save the page and your tour will be on your website!
Optional, once your code is pasted, look at the code and change the width setting to 100%. This will ensure your tour scales to fit the device it is being viewed on. Setting the width to 100% and height to somewhere between 450px and 550px looks good on most websites. Or, you can use iFrame generator: https://www.iframe-generator.com/
Advanced, if you have a responsive site, you’ll want to add a few lines of CSS, and a class to your HTML
.responsive-iframe {
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
}
.responsive-iframe iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
<div class="responsive-iframe">Google iframe code here</div>
position: relative;
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
}
.responsive-iframe iframe {
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
<div class="responsive-iframe">Google iframe code here</div>
2. Transfer Ownership Rights of 360 Images
Transfer Rights to Multiple Images
Why transfer rights? It may improve visibility of the images, since they’ll appear in the “By Owner” tab on Google Maps, and images should rank higher in the image carousel.
By transferring these ## photos, you’re granting a permanent license to the rights of the photos. Copies will still appear in your profile. The photos will continue to be attributed with your name and profile on Maps, unless the new owner transfers rights to someone else.
Open the Street View App:
- If you don’t already have the Street View app, it’s available for Android and iOS (Apple).
- Within the Street View app, go to the Profile tab. Select the Collection of 360 photos you wish to transfer.
- Tap Select >> In the top right corner, tap More ⋮ select All Photos >> Once again tap More ⋮ select Transfer Rights.
- The app will prompt you to transfer ownership of the images to the Google My Business listing associated with them. Or, you can type a Google email address (Gmail or G Suite).
- The recipient will receive an email from Google asking them to accept the transfer. Once they do, they will become the new owner, and will be able to manage the images.
3. Share a Link to Your Google Street View | Trusted Virtual Tour via Email, or Text Message.
You can share a link to a position anywhere in a Google Street View | Trusted Virtual Tour into email, SMS, or instant message from the new Google Maps.
Get the code
- Navigate to the position you want to share. Ensure that the Local 360 image you’d like to embed appears in the current map display. Click the ‘three dot’ icon in the top left near the business name.
- Click Share and embed image.
- In the box that appears, click the Share link tab.
- In the same box, tick the Short URL option (this creates a unique and more manageable URL).
- Copy the URL and paste it into your email, SMS, IM, or anywhere you can post links.
