Google 地圖 API 密鑰添加到shopify模板步驟以及Google 地圖替代方案-ESG跨境

Google 地圖 API 密鑰添加到shopify模板步驟以及Google 地圖替代方案

shopify新聞
shopify新聞
2022-03-28
點(diǎn)贊icon 0
查看icon 1002

您可以將 Google 地圖 API 密鑰添加到您的模板中。

將 Google 地圖 API 密鑰添加到您的模板中

您可以將 Google 地圖 API 密鑰添加到您的模板中。

步驟：

PC：

  1. 在 Shopify 中，轉(zhuǎn)到在線(xiàn)商店 > 模板。

  2. 找到您要編輯的模板，然后點(diǎn)擊自定義。

  1. 點(diǎn)擊添加分區(qū)。

  2. 點(diǎn)擊地圖，然后點(diǎn)擊選擇。

  3. 輸入地圖信息。在 Google Maps API key（Google 地圖 API 密鑰）字段中粘貼您的 Google 地圖 API 密鑰。

  4. 點(diǎn)擊保存。

如果與 Google 地圖平臺(tái)的 API 通信時(shí)出錯(cuò)，地圖便會(huì)替換為您在模板編輯器中指定的背景圖片或顏色。

蘋(píng)果系統(tǒng)：

  1. 在 Shopify 應(yīng)用中，輕觸商店。

  2. 在銷(xiāo)售渠道部分，輕觸在線(xiàn)商店。

  3. 輕觸管理模板。

  4. 找到您要編輯的模板，然后輕觸自定義。

  5. 輕觸編輯。

  1. 點(diǎn)擊添加分區(qū)。

  2. 點(diǎn)擊地圖，然后點(diǎn)擊選擇。

  3. 輸入地圖信息。在 Google Maps API key（Google 地圖 API 密鑰）字段中粘貼您的 Google 地圖 API 密鑰。

  4. 點(diǎn)擊保存。

如果與 Google 地圖平臺(tái)的 API 通信時(shí)出錯(cuò)，地圖便會(huì)替換為您在模板編輯器中指定的背景圖片或顏色。

安卓系統(tǒng)：

  1. 在 Shopify 應(yīng)用中，輕觸商店。

  2. 在銷(xiāo)售渠道部分，輕觸。

  3. 輕觸管理模板。

  4. 找到您要編輯的模板，然后輕觸自定義。

  5. 輕觸編輯。

  1. 點(diǎn)擊添加分區(qū)。

  2. 點(diǎn)擊地圖，然后點(diǎn)擊選擇。

  3. 輸入地圖信息。在 Google Maps API key（Google 地圖 API 密鑰）字段中粘貼您的 Google 地圖 API 密鑰。

  4. 點(diǎn)擊保存。

如果與 Google 地圖平臺(tái)的 API 通信時(shí)出錯(cuò)，地圖便會(huì)替換為您在模板編輯器中指定的背景圖片或顏色。

限制為僅您的域名，以便阻止其他人使用您的 API 密鑰。

步驟：

  1. 轉(zhuǎn)到 Google API 憑據(jù)頁(yè)面。

  2. 從菜單中選擇您的項(xiàng)目。

  3. 選擇您生成的 API  密鑰以開(kāi)始進(jìn)行編輯。

  4. 在應(yīng)用程序限制下，點(diǎn)擊 HTTP referrers (web sites)（HTTP 推薦人 (網(wǎng)站)），并輸入與商店相關(guān)聯(lián)的任何域名，包括 .my.com 域名。例如，如果您具有自定義域名，則輸入 https://myCustomDomain.com/* 和 https://shop1.myshopify.com/*。

  5. 點(diǎn)擊保存。

使用 Google 地圖平臺(tái)的替代方案

如果您想要在自己的網(wǎng)站上顯示地圖，但不使用 Google 地圖平臺(tái)的服務(wù)，則可以在頁(yè)面上放置嵌入式地圖。

嵌入式地圖使用 HTML <iframe>，這種可以放置在提供富文本輸入字段的任何頁(yè)面或主頁(yè)分區(qū)中。



Add your Google Maps API key to your theme

You can add your Google Maps API key to your theme.

Steps:

PC：

  1. From your Shopify admin, go to Online Store > Themes.

  2. Find the theme that you want to edit, and then click Customize.

  1. Click Add section.

  2. Click Map, and then click Select.

  3. Enter the information for your map. In the Google Maps API key field, paste your Google Maps API key.

  4. Click Save.

If there is ever an error in communicating with Google Maps Platform's APIS, the map is replaced by the background image or color that you have specified in the theme editor.

iPhone：

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Map, and then click Select.

  3. Enter the information for your map. In the Google Maps API key field, paste your Google Maps API key.

  4. Click Save.

If there is ever an error in communicating with Google Maps Platform's APIS, the map is replaced by the background image or color that you have specified in the theme editor.

Android：

  1. From the Shopify app, tap Store.

  2. In the Sales channels section, tap Online Store.

  3. Tap Manage themes.

  4. Find the theme that you want to edit, and then tap Customize.

  5. Tap Edit.

  1. Click Add section.

  2. Click Map, and then click Select.

  3. Enter the information for your map. In the Google Maps API key field, paste your Google Maps API key.

  4. Click Save.

If there is ever an error in communicating with Google Maps Platform's APIS, the map is replaced by the background image or color that you have specified in the theme editor.

Restrict API access to only your store

Google Maps Platform prompts you to restrict access to your API. Your API key is a unique identifier for your map that prevents others from using your API key by restricting its access to only your domains.

Steps:

  1. Go to the Google API credentials page.

  2. Select your project from the menu.

  3. Choose the API key that you generated to begin editing.

  4. Under Application restrictions, click HTTP referrers (web sites) and enter any domain associated with your store, including your .myshopify.com domain. For example, if you have a custom domain, then enter both https://myCustomDomain.com/* and https://shop1.myshopify.com/*.

  5. Click Save.

Alternatives to using the Google Maps Platform

If you want to display a map on your website, but not use the Google Maps Platform's services, you can place an embedded map on your page.

Embedded maps use an HTML <iframe> which can be placed into any page or homepage section that provides a rich text input field.



特別聲明：以上文章內(nèi)容僅代表作者本人觀(guān)點(diǎn)，不代表ESG跨境電商觀(guān)點(diǎn)或立場(chǎng)。如有關(guān)于作品內(nèi)容、版權(quán)或其它問(wèn)題請(qǐng)于作品發(fā)表后的30日內(nèi)與ESG跨境電商聯(lián)系。

搜索 放大鏡
韓國(guó)平臺(tái)交流群熱
加入
韓國(guó)平臺(tái)交流群
掃碼進(jìn)群
歐洲多平臺(tái)交流群熱
加入
歐洲多平臺(tái)交流群
掃碼進(jìn)群
美國(guó)賣(mài)家交流群
加入
美國(guó)賣(mài)家交流群
掃碼進(jìn)群
ESG跨境專(zhuān)屬福利分享群
加入
ESG跨境專(zhuān)屬福利分享群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
亞馬遜跨境增長(zhǎng)交流群
加入
亞馬遜跨境增長(zhǎng)交流群
掃碼進(jìn)群
拉美電商交流群
加入
拉美電商交流群
掃碼進(jìn)群
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
加入
ESG獨(dú)家招商-PHH GROUP賣(mài)家交流群
掃碼進(jìn)群
《TikTok官方運(yùn)營(yíng)干貨合集》
《TikTok綜合運(yùn)營(yíng)手冊(cè)》
《TikTok短視頻運(yùn)營(yíng)手冊(cè)》
《TikTok直播運(yùn)營(yíng)手冊(cè)》
《TikTok全球趨勢(shì)報(bào)告》
《韓國(guó)節(jié)日營(yíng)銷(xiāo)指南》
《開(kāi)店大全-全球合集》
《開(kāi)店大全-主流平臺(tái)篇》
《開(kāi)店大全-東南亞篇》
《CD平臺(tái)自注冊(cè)指南》
通過(guò)ESG入駐平臺(tái)，您將解鎖
綠色通道，更高的入駐成功率
專(zhuān)業(yè)1v1客戶(hù)經(jīng)理服務(wù)
運(yùn)營(yíng)實(shí)操指導(dǎo)
運(yùn)營(yíng)提效資源福利
平臺(tái)官方專(zhuān)屬優(yōu)惠

立即登記，定期獲得更多資訊

訂閱
聯(lián)系顧問(wèn)

平臺(tái)顧問(wèn)

平臺(tái)顧問(wèn) 平臺(tái)顧問(wèn)

微信掃一掃
馬上聯(lián)系在線(xiàn)顧問(wèn)

icon icon

小程序

微信小程序

ESG跨境小程序
手機(jī)入駐更便捷

icon icon

返回頂部

【免費(fèi)領(lǐng)取】全球跨境電商運(yùn)營(yíng)干貨 關(guān)閉
進(jìn)行中
進(jìn)行中
TikTok運(yùn)營(yíng)必備干貨包
包含8個(gè)TikTok最新運(yùn)營(yíng)指南（市場(chǎng)趨勢(shì)、運(yùn)營(yíng)手冊(cè)、節(jié)日攻略等），官方出品，專(zhuān)業(yè)全面！
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
韓國(guó)電商節(jié)日營(yíng)銷(xiāo)指南
10+韓國(guó)電商重要營(yíng)銷(xiāo)節(jié)點(diǎn)詳細(xì)解讀；2024各節(jié)日熱度選品助力引爆訂單增長(zhǎng)；8大節(jié)日營(yíng)銷(xiāo)技巧輕松撬動(dòng)大促流量密碼。
免費(fèi)領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——全球合集
涵括全球100+個(gè)電商平臺(tái)的核心信息，包括平臺(tái)精煉簡(jiǎn)介、競(jìng)爭(zhēng)優(yōu)勢(shì)、熱銷(xiāo)品類(lèi)、入駐要求以及入駐須知等關(guān)鍵內(nèi)容。
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——主流平臺(tái)篇
火爆全球的跨境電商平臺(tái)合集，平臺(tái)優(yōu)勢(shì)、開(kāi)店選品、入駐條件盡在掌握
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——拉美篇
涵蓋9大熱門(mén)拉美電商平臺(tái)，成熟的市場(chǎng)是跨境賣(mài)家的熱門(mén)選擇！
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——日韓篇
涵蓋10+日韓電商平臺(tái)，入駐條件一看就懂，優(yōu)勢(shì)熱銷(xiāo)品應(yīng)有盡有
立即領(lǐng)取
進(jìn)行中
進(jìn)行中
全球平臺(tái)詳解——?dú)W洲篇
涵蓋20+歐洲電商平臺(tái)，詳細(xì)解讀優(yōu)勢(shì)、入駐條件、熱銷(xiāo)品等
立即領(lǐng)取