如何在 WordPress 中輕鬆添加智慧應用橫幅

11/14/2022

為什麼要在 WordPress 中添加智慧應用橫幅?

許多網站所有者會創建一個移動應用,讓訪客可以以更優化的方式瀏覽內容。由於這些應用專為移動設備設計,它們常常提供更好的用戶體驗。您還可以通過移動推送通知顯示提醒、個性化內容、優惠、更新等。所有這些都意味著更多的參與、轉換和銷售。

如果您還沒有移動應用,您可以參考我們的完整指南,了解如何將 WordPress 網站轉換為移動應用。您可以使用智慧應用橫幅鼓勵 iPhone 和 iPad 用戶下載您的移動應用。這是一個當 iOS 用戶使用 Safari 瀏覽器訪問您的網站時,顯示在屏幕頂部的橫幅。

訪客可以點擊橫幅從 App Store 下載您的應用。如果訪客已經安裝了您的應用,橫幅會要求他們打開應用,這樣可以獲得更多的應用下載量和參與度。如果訪客使用非蘋果設備或不同的瀏覽器,WordPress 會自動隱藏橫幅。

如何在 WordPress 中添加智慧應用橫幅

方法 1:使用 WPCode(在整個 WordPress 中展示智慧應用橫幅)

最簡單的在您的 WordPress 網站中添加智慧應用橫幅的方法是使用 WPCode。這是一個免費插件,允許您通過一行代碼在每個頁面和文章中顯示相同的橫幅。

首先,您需要安裝和激活 WPCode 插件。激活後,前往 Code Snippets » Add Snippet。然後,點擊‘Use Snippet’按鈕,選擇‘Add Your Custom Code’選項。

在這裡,輸入代碼片段名稱,選擇‘HTML Snippet’類型。

接下來,您需要獲取應用的 ID。在 Apple Services Marketing Tools 頁面,輸入應用名稱,然後點擊搜索。找到您要推廣的應用,點擊它。在屏幕底部找到‘Content Link’。應用程序 ID 就是 id 和 ? 之間的數值,記住它或保留這個頁面。

回到 WordPress 儀表板,在代碼編輯器中添加以下代碼片段,替換為應用 ID:

<meta name="apple-itunes-app" content="app-id=12345678">

然後滾動到‘Insertion’框,選擇‘Auto Insert’,並選擇‘Site Wide Header’。最後,切換‘Inactive’開關到‘Active’,然後點擊‘Save Snippet’按鈕儲存更改。

方法 2:使用 Smart App Banner 插件(在特定頁面和文章中添加橫幅)

有時,您可能只想在特定頁面和文章中推廣應用。這種情況下,我們建議使用 Smart App Banner 插件。首先安裝和激活插件。激活後,可以在首頁或整個網站添加應用橫幅。

在 WordPress 儀表板中前往 Settings » Smart App Banner,輸入應用的 ID。您還可以在‘Affiliate data’字段中輸入聯盟行銷令牌。然後勾選‘Show on all pages’或保持不勾選。如果不勾選,橫幅只會顯示在首頁。

要在特定文章添加橫幅,打開文章編輯頁面,在‘Smart App Banner’區域中輸入應用 ID 和可選的聯盟信息,然後點擊‘Publish’或‘Update’。

關於在 WordPress 中添加智慧應用橫幅的常見問題

智慧應用橫幅是顯示在 Safari 瀏覽器頂部的橫幅,為應用用戶提供打開應用或從 Apple App Store 下載應用的選項。這些橫幅只顯示給使用 iOS 6 或更高版本的 iPhone 和 iPad 使用者。

智慧應用橫幅不會在桌面電腦上顯示。要查看橫幅效果,請使用 iPhone 或 iPad 訪問您的網站並使用 Safari 瀏覽器。

如果您看不到智慧應用橫幅,請確保您使用最新版本的 iOS 和 Safari 應用程序。橫幅還會檢查裝置是否支持應用以及應用是否在您的位置可用。如果這些條件不滿足,智慧應用橫幅可能不會顯示。

如果您點擊橫幅上的‘x’按鈕,橫幅將不會再次顯示。視您的裝置而定,您可能需要打開私人瀏覽標籤、清除緩存或 cookies,或執行其他操作來重置設置。

希望這個教程幫助您了解如何在 WordPress 中添加智慧應用橫幅。您可能還會對我們的 WordPress SEO 逐步指南或我們精選的最佳 WordPress 彈出插件感興趣。如果您喜歡這篇文章,請訂閱我們的 YouTube 頻道獲取 WordPress 視頻教程。您還可以在 Twitter 和 Facebook 上找到我們。



Related Posts

  • 2024-08-04
  • WordPress 教学

不喜欢 WordPress 4.3 引入的格式化快捷键?觉得有点烦人?最近,有用户问我们如何在 WordPress 中禁用视觉编辑器格式化快捷键。在本文中,我们将向您展示如何做到这一点。

閱讀更多
  • 2024-07-31
  • WordPress 教学

你在 WordPress 网站上看到 503 服务不可用错误吗?503 错误是因为服务器无法处理请求,通常是由于服务器过载或维护。而这个错误不会告诉你具体原因,这对于初学者来说非常令人沮丧。本文将向你展示如何修复 WordPress 中的 503 服务不可用错误。

閱讀更多
  • 2024-07-30
  • WordPress 教学

管理一个企业需要大量的工作。如果您无法正确维护您的 WordPress 网站,可能会迅速看到流量和销售额下降的现象。幸运的是,您可以聘请虚拟助手 (VA) 来帮助管理您的网站。本文将教您如何聘请 WordPress 虚拟助手,以便您可以专注于业务中最重要的活动。

閱讀更多

{"email":"Email address invalid","url":"Website address invalid","required":"Required field missing"}
>