Steamworks 文獻庫
商店 Widget

概覽

任何在 Steam 商店中有可見的購買選項的遊戲都可以建立 Widget,顯示產品資訊、當下的售價、是否正在打折,並帶有購買按鈕,讓您可以在各處推廣、顯示產品。

widget-example-firewatch-purchase.png

widget-example-manor-upcoming.png

Widget 功能

為已發行遊戲製作 Widget 將會顯示購買按鈕和遊戲售價。 在此情況中,從 Widget 中點擊「在 Steam 上購買」按鈕的顧客將會被帶到 Steam 網站,產品也將自動放進顧客的購物車,以便顧客使用自己喜歡的付款方式輕鬆完成購物流程。當然,使用 Steam 錢包餘額付款也是選項之一。

如果替尚未發行的遊戲建立 Steam Widget,將會產生一個帶有「新增至願望清單」按鈕,而不是「在 Steam 上購買」按鈕的Widget。

製作自己的 Widget

若想製作自己的 Steam Widget,請前往您 Steam 上的公開商店頁面。 每次您更新產品售價或折扣、新增支援平台,或更新您的品牌圖像,此 Widget 也將與以上最新資訊保持一致。

  1. 在您的 Steam 商店產品頁面的右手邊可見「嵌入」按鈕,請點擊該按紐
  2. 如果您的產品的購買選項不只一種,您可以選擇讓 Widget 顯示哪個購買選項(與價位)
  3. 畫面上將出現一個方框,方框的上半部將顯示自動從您的產品說明中擷取的資訊。 您可以依據想如何介紹產品編輯內容
  4. 點擊「建立 Widget」
  5. 您將會看見 Widget 預覽與 HTML 代碼,請複製 HTML 代碼並貼在您想顯示 Widget 的網站或網誌中

衡量參與度

Steam 的 UTM 分析提供商店 Widget 的造訪次數和轉換資料。 根據預設,Widget 會在購買按鈕上連接至商店頁面的連結中包含 utm_source=steamwidget。 在 UTM 分析主控台中篩選 utm_source=steamwidget 以檢視您的 Widget 的造訪次數和轉換資料。

若您想追蹤來自各個嵌入 Widget 的不同地方的轉換次數,您可選擇在 Steam Widget 的 iframe 連結中包含您自己的 UTM 參數。 這些參數將會被包含在 Widget 內連接至您的商店頁面的連結中。 若您提供了 utm_source,將會覆寫預設的 utm_source=steamwidget。 範例如下:
<iframe src="https://store.steampowered.com/widget/500/?utm_source=homepage&utm_campaign=mycampaign"></iframe> // 包含在 Widget 內商店頁面連結中的 UTM 參數 <a href="https://store.steampowered.com/app/500/?utm_source=homepage&utm_campaign=mycampaign"/>