整合營銷服務商
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
電腦端+手機端+微信端=數據同步管理
免費咨詢熱線：
GA4的Google tag安裝在網站網頁中的操作方法：
1、打開GA4，點擊左下角的管理（Admin），在媒體資源（Property）里找到信息流（Data Streams）
2、點擊Web，然后點擊右側的箭頭，如圖所示
3、在頁面最下方，點擊查看代碼View tag instructions右側的箭頭
4、按照提示將代碼復制，安裝在網頁的指定位置
以上就是將GA4的Google tag安裝在網站網頁中的操作方法
014 年 Google 和 Adobe 共同合作開發一款名為「思源黑體」開放原始碼字型，這項計劃最令人期待的莫過于支持 CJK 字型，也就是針對繁體、簡體中文、日文及韓文分別設計不同字型，尤其在免費中文字體選擇不多的情況下無疑是個非常難能可貴的資源，而且也符合 Google「No more tofu」的目標──致力于解決全世界跨系統、語系無法正確顯示部分字符等問題，也有開發者以此定制化出各種字型，例如思源柔黑體、思源真黑體。
經過近三年的努力，Google 和 Adobe 再宣布推出「思源宋體」免費字型下載！（或稱思源明體，在 Google 部分是將中國大陸簡體中文命名為宋體，香港、澳門及臺灣則是明體；Adobe 沒有分別一律稱為思源宋體），這也是讓許多用戶期待以久的字型，有別于黑體的顯示效果，其實思源宋體在細節處理上更接近中文感覺。
思源宋體目前支持四種不同的東亞語言，包括：繁體中文、簡體中文、日文和韓文，和思源黑體一樣有七種字重，每一種都有 65,535 個字符，設計一致性將有助于獲得更好的視覺美感。繁體中文部分支持「教育部國字標準字體」內列出的所有文字。
思源宋體與思源黑體一樣都已經針對屏幕顯示進行優化處理，但和思源黑體不太一樣的是若用于文學作品上感覺會比黑體來得更優雅，當然在印刷品使用也能獲得更精美效果。詳細介紹我推薦參考 Adobe 針對思源宋體設計的介紹網站，提供字體的設計背景、設計團隊等說明。
免費下載思源宋體：Google Noto | GitHub | Adobe
使用教學
STEP 1
從 Google Noto Fonts 字體系列網站可以找到「Noto Serif CJK TC」，也就是繁體中文，點擊右上角的「Download」即可下載、取得七種不同字重的思源宋體字型檔，大小約在 124 MB 左右。
另外，從這網站里還能預覽在不同字重下對于一段文字的呈現情形，如果想預覽一下思源宋體我建議也可以到 Google Noto 網站（在 Typekit 網站也能找到，不過 Adobe 的命名為 Source Han Serif）。
STEP 2
下載后將檔案解壓縮，將 OTF 字型安裝到計算機里就能使用，這套字型一共有七種不同字重，由細至粗分別為：ExtraLight、Light、Regular、Medium、SemiBold、Bold 和 Black。
假如你想要把思源宋體使用在網頁里成為網頁字型（Webfont）的話，現在 Google Fonts 還沒開放，不過思源黑體可以在 Early Access 找到
我們曾分享過《基于 GoogleMap 離線API在內網中加載離線衛星地圖的方法》一文，在該文中我們分享了將GoogleMap離線API源碼部署到本地的方法。
那么這個GoogleMap離線API是從哪里來的呢？
由于它并不像OpenLayers和MapBox等開源平臺一樣提供源碼下載鏈接，因此只有將GoogleMap相關的JS源代碼文件從GoogleMap官方網站解析下載到本地，這樣才可以進行離線開發應用。
這里，我們就來分析一下從谷歌官方網站將GoogleMap API 源碼離線下載到本地的方法。
通過以下網址打開谷歌官方網站的"Google地圖平臺文檔"。
https://developers.google.cn/maps/documentation
Google地圖平臺文檔
由于這里我們需要離線下載的是JS代碼，因此選擇"Maps JavaScript API"，如下圖所示。
Map JavaScript API
如果不習慣查看英文文檔，在谷歌瀏覽器中打開后，可以通過點擊"中文（簡體）"查看中文翻譯說明，有助于查閱文檔。
可選擇切換為中文
谷歌官方網的Map JavaScript API文檔中，除了提供API調用函數外，還有許多API調用的示例，可以通過點擊"Samples"進行查看，如下圖所示。
API調用示例
我們通過打開瀏覽器的"開發者工具"，可以查看打開示例時需要加載的所有文件。
開發者工具
在開發者工具中，當我們每打開一個示例時，都會顯示當前頁面中所加載的文件，當前我們只關心需要加載的JS文件。
在所有的JS文件中，只有路徑中包括"zh_cn"的才是我們需要下載的JS文件，因此需要在過濾器中輸入"zh_cn"進行過濾，如下圖所示。
需要下載的JS文件
在需要保存的JS文件上單擊鼠標右鍵后選擇"Save as..."保存到本地，如下圖所示。
保存JS文件
由于單個示例中并沒有加載Google Map API所有的JS文件，但所有示例應該是能完全包括所有Google Map API所有JS文件的，因此我們需要打開每一個示例，將加載的JS文件與已經下載的JS文件作對比，將還沒有下載的JS文件保存到本地，如下圖所示。
對比保存還未下載的JS文件
以上方法是通過加載每一個示例，并找出不相同的JS文件進行保存，比較費時費力。
為了以后更方便地下載最新版本 Google Map API 的 JS 源代碼文件，我們整理好了一個名為"LoadAllGoogleMapAPIJSFiles.html"的Web頁面，該頁面調用了Google Map API 的所有JS文件，只需要在瀏覽器中打開該頁面后并將JS文件分別保存到本地即可，如下圖所示。
加載所有JS文件
需要獲取"LoadAllGoogleMapAPIJSFiles.html"文件，可以通過私信回復"GetGoogleMapJS"即可。
現在，我們已經把 Google Map API 所有相關的文件保存到本地了，一共有29個JS文件，如下圖所示。
Google Map API 離線 JS 文件
前文講解了如何獲取最新版本 Google Map API 離線源碼的方法，現在我們可以用同樣的方法通過打開所有 Google Map API 調用示例下載所有的圖片資源，如下圖所示。
下載圖片資源
同樣地，如果打開每一個示例去下載圖片的工作是比較繁瑣的，我們已經把所有圖片資源的URL鏈接放在了一個TXT文檔中，如下圖所示。
圖片資源URL地址
需要獲取 Google Map API JS 圖片資源 URL 文件，可以通過私信回復"GetGoogleMapJS"即可。
需要特別注意的是，下載后的圖片資源需要按URL中所示的路徑建立相應的文夾進行存儲，如下圖所示。
圖片資源下載結果
到目前為止，我們已經將 Google Map API 的全部JS文件和相關的圖片資源文件下載到了本地。
但由于JS文件內部還存在鏈接到官網的URL，因此需要將代碼進行一定的修改。
在"js.js"文件中查找"zh_cn",然后將代碼"https://maps.googleapis.com/maps-api-v3/api/js/41/5/intl/zh_cn"
替換為"GoogleMapAPI/js"，目的是為了加載本地的所需功能模塊js文件，如下圖所示。
修改js.js文件代碼
在"common.js"文件中搜索"b,e,f"，然后在"function"函數中加入"return true;"，如下圖所示。
修改common.js文件代碼
現在需要將所有js文件中的網絡鏈接，替換為本地鏈接。
通過Nodepad++或文字處理軟件一次性打開 Google Map API 離線 JS 源代碼文件，如下圖所示。
打開所有JS文件
將所有js文件中的URL鏈接"https://maps.gstatic.com/mapfiles/api-3/"替換為"GoogleMapAPI/mapfiles/"，目的是為了加載本地的圖片資源，如下圖所示。
源碼本地化處理
方法同理，再將所有js文件中的URL鏈接"https://maps.gstatic.com/mapfiles/"替換為"GoogleMapAPI/mapfiles/"；將所有js文件中的URL鏈接"api-3/images/"替換為"GoogleMapAPI/mapfiles/images/",目的也是為了加載本地的圖片資源。
至此，將 Google Map API 的離線 JS 源碼的本地化工作就完成了。
通過以上方法，你可以隨時從谷歌官方網站獲取最新版本的 Google Map API 離線文件源碼，由于 Google Map API 在不斷升級，以上具體操作細節可能隨著時間的推移多少會有一定出入，但主體思路是不會有太大變化的。
以上獲取最新版離線 Goolge Map API 源碼的方法僅供參考，如果你有更好的獲取方法，歡迎與我們交流并指正！
最后，本文中所提及的全部文檔及 Google Map API 最新版 JS 源碼，請通過私信回復"GetGoogleMapJS"即可獲取！
*請認真填寫需求信息，我們會在24小時內與您取得聯系。
