《如何發布Chrome外掛,完整步驟詳解》

更新於 發佈於 閱讀時間約 4 分鐘
raw-image

要在Chrome上發布外掛,需要經過以下幾個步驟

  1. 註冊為線上應用程式開發人員
  2. 卻把外掛格式正確
  3. 完成上架流程

1. 註冊為線上應用程式開發人員

步驟1-1:進入網頁

首先進入以下網址:Chrome Developer Dashboard

步驟1-2:支付一次性註冊費

要注意的是要在Chrome商店發布的話,需要支付5美金的註冊費用才能創建發布帳戶。所以先勾選「已詳閱政策」並支付5美金進到下一個步驟

raw-image

付費完成後,會出現以下的畫面。接著點擊「前往開發人員資訊主頁」。

raw-image

步驟1-3:填寫個人資訊

接著會需要我們輸入相關的個人資訊。注意這邊有一個「交易商聲明」的選項。一般來說我們可以直接選擇「這是非交易商帳戶」即可。如果你是用公司的名義聲請,那可以勾選「這是交易商帳戶」。

raw-image

如果勾選了「這是交易商帳戶」,那後續會需要填入商家資訊。

raw-image

資料填完後,會跳轉到開發人員頁面,接下來我們要在這個頁面上傳我們的外掛檔案。在此之前,我們需要先「打包外掛檔案」。

2. 打包外掛檔案

步驟2-1:確保上傳檔案資訊正確

根據文件,manifest.json須「至少」包括以下資訊

  1. 外掛名稱
  2. 外掛版本
  3. 外掛icon
  4. 外掛敘述

關於「外掛敘述」,雖然文件是說需要132 characters,但我實務上小於這個數字也能上傳。

步驟2-2:確保上傳檔案資訊正確

確保將外掛檔案中的各式註解刪除,若是註解沒有刪除,可能無法正式上傳。

步驟2-3:將檔案打包成zip檔

chrome開發者後台僅支援zip檔案上傳,所以記得把資料夾壓縮成zip檔。

3. 完成上架流程

在完成了前兩個步驟後,接下來我們就要開始上傳我們的外掛檔案了。

步驟3-1:點擊新增商品並選取要上傳的檔案

raw-image

步驟3-2:完成產品敘述(商店資訊)

你需要填入的資料包含,

  1. 產品細節
  2. 圖片資產
  3. 其他欄位

一、產品細節:外掛的說明、類別、語言

語言的部分可以優先選擇產品的第一語言。一開始可以先以成功上架為目標,之後若是有需要新增其他語言,可以之後再補上。

raw-image

二、圖片資產:包含icon、螢幕截圖、宣傳板塊等等

icon、螢幕截圖的部分是必填。尤其注意螢幕截圖有尺寸限制,若是尺寸不對則無法上傳。

raw-image

三、其他欄位:包含官網、產品說明頁以及是否是成人內容

raw-image

這個區塊的資訊都是非必填,可以依據個人需求填上。

步驟3-3進入隱私權實務規範

raw-image

在填寫完商店資訊後,你可能會發現提交審查的按鈕還是無法點擊。這是因為還需要完成「隱私權實務規範」才能提交。

步驟3-4:完成隱私權實務規範

你需要填入的資料包含

  1. 填寫單一用途
  2. 要求權限的理由
  3. 資料使用情況

一、填寫單一用途

其實基本上就是用短短的一兩句話說明這個外掛的用途

二、要求權限的理由

如果有使用遠端程式碼,比如說Bootstrap、jQuery等等,需要解釋為什麼你需要用這些程式碼。

三、資料使用情況

若是你有搜集使用者資料做其他用途,你必須在這邊揭露。

raw-image
raw-image

以上的資料都完成之後,沒意外就可以提交審查了。

步驟3-5:提交並等待結果

raw-image

提交之後會看到一個對話筐,詢問你是否要提交外掛。其中有一個「是否自動發布」的選項。勾選之後,外掛若是通過審核就會自動發布;如果你想要另外確認後再發布,那就不要勾選。

確認後就可以提交審核。

步驟3-6:等待結果

raw-image

提交之後一般可能會有以上兩個情況

  1. 已發布
  2. 待審查

提交通過的速度看情況,快的話應該1-2天內就可以通過,有時候久一點可能會需要超過一個禮拜。

寫在最後

以上就是在Chrome商家發布外掛的方式,希望對各位有幫助。強烈建議大家在一開始的時候,可以用一個最小版本(MVP)的外掛來熟悉整個的上架流程。

如果外掛太複雜或是要求太多權限,可能會拖慢審查的進度。而且其實上架之後也可以持續修正並發布,所以可以把「熟悉上架流程」排在比較優先的順序來執行。


留言
avatar-img
留言分享你的想法!
avatar-img
RJ的沙龍
14會員
51內容數
所謂的獨立開發者(Indie Hacker)往往代表的是一個人探索需求、打造產品、營運推廣,可以將它想像成一個個人的創業團隊。這個專題主要會介紹我在獨立開發產品中學到的事、重要的觀念以及及時的相關訊息等等。如果你對獨立開發或是打造被動收入有興趣,希望這個專題的文章能夠幫上忙、為你解惑。
RJ的沙龍的其他內容
2024/04/30
Face to sticker 是一個在Replicate上很熱門的model。使用者只要透過上傳自己的大頭照,後台就會快速的將你的圖片變成貼紙。 後台的操作很簡單,只要先上傳一張照片,然後點擊Generate並等待約30-45秒之後,就會產生圖片。 在facetosticker網站註冊之後
Thumbnail
2024/04/30
Face to sticker 是一個在Replicate上很熱門的model。使用者只要透過上傳自己的大頭照,後台就會快速的將你的圖片變成貼紙。 後台的操作很簡單,只要先上傳一張照片,然後點擊Generate並等待約30-45秒之後,就會產生圖片。 在facetosticker網站註冊之後
Thumbnail
2024/02/29
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
2024/02/29
最近發現有很多的網站的做法都是先找到某個不錯的關鍵字,然後直接用關鍵字當作網域名稱。 接著把網站首頁作為主要頁面,然後其他頁面圍繞著相同主題然後堆廣首頁。 這樣做的好處是,因為首頁一般來說擁有最高的權重。如果可以把首頁作為主要頁面並集中推廣,那就有機會搶下這個關鍵字。 主要的關鍵字就是
Thumbnail
2023/12/20
過去這一年是AI相關應用大爆發的一年,在過去一年中有各種主題的AI工具出現。 最熱門的主題可能是資訊總結(Chat with pdf)、AI對話助手(chatgpt求解、客服)以及AI圖片等等。 Replicate是一個著名的API網站,你可以在上面透過API使用各式各樣不同model的服務。
Thumbnail
2023/12/20
過去這一年是AI相關應用大爆發的一年,在過去一年中有各種主題的AI工具出現。 最熱門的主題可能是資訊總結(Chat with pdf)、AI對話助手(chatgpt求解、客服)以及AI圖片等等。 Replicate是一個著名的API網站,你可以在上面透過API使用各式各樣不同model的服務。
Thumbnail
看更多
你可能也想看
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
透過蝦皮分潤計畫,輕鬆賺取零用金!本文分享5-6月實測心得,包含數據流程、實際收入、平臺優點及注意事項,並推薦高分潤商品,教你如何運用空閒時間創造被動收入。
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
單身的人有些會養寵物,而我養植物。畢竟寵物離世會傷心,植物沒養好再接再厲就好了~(笑)
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
不知你有沒有過這種經驗?衛生紙只剩最後一包、洗衣精倒不出來,或電池突然沒電。這次一次補貨,從電池、衛生紙到洗衣精,還順便分享使用心得。更棒的是,搭配蝦皮分潤計畫,愛用品不僅自己用得安心,分享給朋友還能賺回饋。立即使用推薦碼 X5Q344E,輕鬆上手,隨時隨地賺取分潤!
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
身為一個典型的社畜,上班時間被會議、進度、KPI 塞得滿滿,下班後只想要找一個能夠安靜喘口氣的小角落。對我來說,畫畫就是那個屬於自己的小樹洞。無論是胡亂塗鴉,還是慢慢描繪喜歡的插畫人物,那個專注在筆觸和色彩的過程,就像在幫心靈按摩一樣,讓緊繃的神經慢慢鬆開。
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
本文提供完成訂閱後的相關事項及安裝指引,包括填寫問卷、遠端開通Trading View帳號、指標安裝步驟等。另外也提供影片教學和紙本教學,以及解決安裝問題的方法。
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
還在苦惱怎麼樣把你的檔案上傳到Github嗎?這裡教大家簡單上傳你的檔案可以沿用到如何上傳整體專案到Github並展示你的作品集
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
要在Chrome上發布外掛,需要經過以下幾個步驟 註冊為線上應用程式開發人員 卻把外掛格式正確 完成上架流程 1. 註冊為線上應用程式開發人員 步驟1-1:進入網頁 首先進入以下網址:Chrome Developer Dashboard 步驟1-2:支付一次性註冊費 要注意的是要在Chrome商店發
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
不知道你是否有以下困擾呢? 「自己寫好的程式,若要呈現在網路上,該怎麼辦?」 「手上有個html的檔案,但是要如何分享給朋友們?」 「做一個網站要花主機的錢,如何有個免費託管主機的地方呢?」 以上問題,將由github pages來幫你解決喔!
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
Step1: 打開github登入 https://github.com/ 創立一個Repositories把網頁檔案丟上去 之後點我圈起來的地方 把你的網頁檔案放上去 要注意把檔案都正確上傳(通常會有29個檔案) 並點擊下面確認按鈕 Step2: 打開netlify登入 https://app.n
Thumbnail
首先要先去Google Cloud Platform申請一個帳號,愉快的點下啟用
Thumbnail
首先要先去Google Cloud Platform申請一個帳號,愉快的點下啟用
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
如果要使用FB Login等FB外掛服務,一定要申請一組FB APP,才能夠執行後台的FB登入功能,下方為FB APP的申請流程教學,一起來觀看學習吧!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
Thumbnail
LINE 官方帳號登入頁面設定,這次將教大家如何進行line的圖文選單建立,請記得這些步驟都要在電腦版才能完成哦!
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News