{"id":1568,"date":"2015-09-20T11:33:46","date_gmt":"2015-09-20T08:33:46","guid":{"rendered":"http:\/\/www.tuur.ee\/?page_id=1568"},"modified":"2021-04-26T13:29:49","modified_gmt":"2021-04-26T10:29:49","slug":"google-see-inside-lisamine-enda-veebilehele","status":"publish","type":"page","link":"https:\/\/www.tuur.ee\/en\/google-see-inside-lisamine-enda-veebilehele\/","title":{"rendered":"Adding Google &quot;Business View&quot; to your website"},"content":{"rendered":"<p>If the tour (Business View) of a restaurant, hotel, etc. place is ready and Google Maps is up in the environment, it is very easy to add it to the company&#039;s website. You just need to get one from Business View <em>embed<\/em>\u00a0code and copy it to the appropriate place on your website.<\/p>\n<p><strong>Open to use the sharing menu <span style=\"text-decoration: underline;\"><a href=\"https:\/\/www.google.ee\/maps\">Google Maps<\/a><\/span>.<\/strong> Find your company&#039;s Street View and open it. (NB: The sharing menu does not open when entering a tour from Google search).<\/p>\n<p>You can get the code by clicking on the three dots on the edge of the information window. From the menu that opens, choose: &quot;Share or embed image&quot;.<\/p>\n<p><a href=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1802\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1.jpg\" alt=\"kuidas-lisada-1\" width=\"772\" height=\"583\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1.jpg 1300w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1-300x226.jpg 300w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1-1024x773.jpg 1024w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1-94x70.jpg 94w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-1-1280x966.jpg 1280w\" sizes=\"auto, (max-width: 772px) 100vw, 772px\" \/><\/a><\/p>\n<p style=\"text-align: center;\">\u00a0(<em>As an example, I use Estonia&#039;s first Google Business View interior view in the P\u00fcssirohu basement in Tartu.\u00a0<span style=\"text-decoration: underline;\"><a href=\"https:\/\/goo.gl\/maps\/MqJPX6mJ6XF2\" target=\"_blank\">See it on Google maps.<\/a><\/span>\u00a0You can use the same internal view yourself to test adding Business View to your website.)<\/em><\/p>\n<p>&nbsp;<\/p>\n<p>The window that opens immediately offers the option to share the tour using a link. To embed, select: \u201cEmbed image\u201d.<\/p>\n<p><a href=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-2.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1803\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-2.jpg\" alt=\"kuidas-lisada-2\" width=\"657\" height=\"324\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-2.jpg 900w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-2-300x148.jpg 300w\" sizes=\"auto, (max-width: 657px) 100vw, 657px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>Here you can copy the code to add to your website:<\/p>\n<p><a href=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-3.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-1804\" src=\"http:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-3.jpg\" alt=\"kuidas-lisada-3\" width=\"656\" height=\"553\" srcset=\"https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-3.jpg 900w, https:\/\/www.tuur.ee\/wp-content\/uploads\/2015\/09\/kuidas-lisada-3-300x253.jpg 300w\" sizes=\"auto, (max-width: 656px) 100vw, 656px\" \/><\/a><\/p>\n<p>&nbsp;<\/p>\n<p>I&#039;ll copy-paste the code below. As you can see, <span style=\"text-decoration: underline;\">this code creates a window on the web page in which you can navigate - without the interested person having to go to the Google Maps environment at all<\/span> \ud83d\ude42<\/p>\n<p><iframe loading=\"lazy\" style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m0!3m2!1sen!2see!4v1445067744256!6m8!1m7!1swLMVg9ovcNUAAAQn70CTCA!2m2!1d58.37921519761051!2d26.71908431794043!3f213.82!4f-11.849999999999994!5f0.7820865974627469\" width=\"600\" height=\"450\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>The code itself looks like this:<\/p>\n<blockquote class=\"pullquote\">&lt;iframe style=&#8221;border: 0;&#8221; src=&#8221;https:\/\/www.google.com\/maps\/embed?pb=!1m0!3m2!1sen!2see!4v1445067744256!6m8!1m7!1swLMVg9ovcNUAAAQn70CTCA!2m2!1d58.37921519761051!2d26.71908431794043!3f213.82!4f-11.849999999999994!5f0.7820865974627469&#8243; width=&#8221;600&#8243; height=&#8221;450&#8243; frameborder=&#8221;0&#8243; allowfullscreen=&#8221;allowfullscreen&#8221;&gt;&lt;\/iframe&gt;<\/blockquote>\n<p>The administration is quite flexible. You can choose the initial view of the tour yourself in the code view before embedding. In addition - if in the code, for example <em>width=\u201d600\u2033 height=\u201d450\u2033<\/em> to change the values, you can stretch the window wider or higher. For example, for a width of 100% and a height of 600 px, the viewport is automatically stretched to the maximum width of the page. This way, the embedded view can be viewed well even on smaller mobile screens. Make the browser window narrower and see how the viewing window below changes its size accordingly (responsive design):<\/p>\n<p><iframe loading=\"lazy\" style=\"border: 0;\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m0!3m2!1sen!2see!4v1445067744256!6m8!1m7!1swLMVg9ovcNUAAAQn70CTCA!2m2!1d58.37921519761051!2d26.71908431794043!3f213.82!4f-11.849999999999994!5f0.7820865974627469\" width=\"100%\" height=\"600\" frameborder=\"0\" allowfullscreen=\"allowfullscreen\"><\/iframe><\/p>\n<p>&nbsp;<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><a class=\"sf-button large green sf-icon-reveal\" href=\"mailto:lauri@tuur.ee\" target=\"_blank\"><i class=\"ss-mail\"><\/i><span class=\"text\">CONTACT lauri@tuur.ee AND ORDER STREET VIEW<\/span><\/a><\/p>\n<p style=\"text-align: center;\">Or call - 55699801<\/p>\n<p style=\"text-align: center;\">","protected":false},"excerpt":{"rendered":"<p>If the tour (Business View) of a restaurant, hotel, etc. place is ready and Google Maps is up in the environment, it is very easy to add it to the company&#039;s website. You just need to get the corresponding embed code from Business View and copy it to the corresponding place on your website. To use the sharing menu, open Google Maps. Find your company&#039;s Street View and open it. (NB: The sharing menu does not open when entering a tour from Google search). [\u2026]<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"","meta":{"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"footnotes":""},"class_list":["post-1568","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/1568","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/comments?post=1568"}],"version-history":[{"count":25,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/1568\/revisions"}],"predecessor-version":[{"id":3747,"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/pages\/1568\/revisions\/3747"}],"wp:attachment":[{"href":"https:\/\/www.tuur.ee\/en\/wp-json\/wp\/v2\/media?parent=1568"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}