<li id="japvw"><acronym id="japvw"></acronym></li><rp id="japvw"></rp>
<dd id="japvw"></dd>
<th id="japvw"></th>
      1. <dd id="japvw"></dd>

        如何設置iOS和Android智能App條幅廣告?

        來源: branch Blog
        作者:branch Blog
        時間:2022-07-05
        2147
        眾所周知,多年來與移動網站相比,用戶更喜歡原生移動 app。但是與 web 相比,深度鏈接到 app 和從 app 進行深度鏈接的可靠性依然不夠理想。為此,仍然有很多手機用戶會使用移動網站,特別是在新 app 發現方面。

        這篇博文最早發布于 2015 年。我們針對當前 iOS 平臺格局的變化對其進行了更新,當然 Android 平臺格局依然如故。

        眾所周知,多年來與移動網站相比,用戶更喜歡原生移動 app。但是與 web 相比,深度鏈接到 app 和從 app 進行深度鏈接的可靠性依然不夠理想。為此,仍然有很多手機用戶會使用移動網站,特別是在新 app 發現方面。

        例如,假設一位現有用戶使用您的 app 在 Facebook 上分享了一篇文章,而且有很多訪客點擊了這篇文章。如果您的鏈接把訪客引導到您的 app 所在的 App Store 頁面而不是相應的文章,用戶會覺得很失望,并會因此失去興趣,最后還是要回到 Facebook。這種情況下,使用了智能 app 條幅廣告的移動網站能夠發揮更好的作用。

        在這篇博文中,我們將介紹適合 iOS 和 Android 平臺的多個智能條幅廣告選項,包括如何使用 Branch Journeys 創建完全自定義的智能條幅廣告。

        什么是智能 app 條幅廣告?

        移動智能條幅廣告使用移動網站上的部分界面向用戶展示原生 app 并吸引用戶在 app 中打開。如果用戶尚未安裝 app,則吸引他們安裝。這是一種智能鏈接,其中包含所有路由邏輯,如果用戶已經安裝 app,則自動打開 app;如果用戶尚未安裝,則回退到 App Store 頁面。

        smart-banner-example-white-1024x576.png

        我們可以看到,即使用戶設備上沒有安裝 app,這個移動網站頁面上仍然顯示相應內容。但是屏幕頂部的條幅仍然顯示下載或打開 app 的選項。如果是新用戶,顯示帶條幅廣告的移動網站會提供一個清晰無障礙的入門模型,供用戶在這里與移動網站交互,并在適當的時候將用戶轉化為 app 用戶。

        Apple 的 iOS 智能 app 條幅廣告有什么作用?

        在 iOS 6 中,Apple 發布了適用于 Safari 的智能 app 條幅廣告。條幅廣告的外觀和體驗從那時候發生了巨大變化,但是運作方式并沒有改變。

        ios-smart-banner-example-black-1-1024x576.png

        用戶點擊這種條幅廣告時,會出現兩種情況。如果用戶已經安裝 app,條幅廣告將使用隨附的深度鏈接參數,調用 app 的 URI 方案,從而打開 app。如果用戶沒有安裝 app,條幅廣告會將用戶引導到 App Store 頁面。

        Apple 的條幅廣告有一些特點是其他第三方的智能條幅廣告無法輕易復制的:

        ·當 iOS 檢測到已經安裝 app 時,CTA 始終會從”View”變為“Open”。

        ·在下載 app 的過程中,智能條幅會顯示進度條。

        當然它也有一些局限性,例如:

        ·只支持 iOS Safari。

        ·布局、顏色和內容無法更改。

        ·無法進行點擊或下載歸因。

        ·只有在用戶已經安裝 app 的情況下,深度鏈接(將用戶引導到指定內容)才能發揮作用。換言之,不支持延遲深度鏈接。

        在 iOS 平臺上實現智能 app 條幅廣告

        如果您希望使用基本的 Safari 智能條幅廣告,只需要將以下元標記包含在網頁的 HTML 頭部:

         <meta name="apple-itunes-app" content="app-id=myAppStoreID, app-argument=myURL"> 

        app id 是 app 的唯一標識符。如果您不知道 app id,則可以在 App Store 中搜索。您的 app ID 包含在 app 的 App Store 網址路徑中:

        image1-1-1024x593.png

        您可以借助 app 參數利用網站上相應的網頁將 app 與 app 內目標位置關聯起來。這種關聯可以向 app 傳遞目標位置以及其他信息,例如用戶是否登錄。

        要詳細了解默認的 Safari 條幅廣告,請查看 Apple 的文檔頁面:使用智能 app 條幅廣告宣傳 app(Promoting Apps with Smart App Banners)。

        注意:如果您已經為自己的網域啟用了 Universal Links,并且用戶設備上已經安裝了 app,Safari 將自動顯示較小版本的 app 條幅廣告。此”Universal Links 條幅廣告”無法禁用。

        Android 也有智能 app 條幅廣告嗎?

        由于 Android 生態系統較為開放,瀏覽器種類也更多,Google 并沒有發布 Android 智能條幅廣告。Chrome 提供了名為原生應用安裝橫幅的條幅,但是實現難度很大,開發者的控制權限有限,因此并未得到廣泛采用。 

        Apple 推出 iOS 智能條幅廣告之初,開發者也開發了一些兼容 Android 的不同開源方案。遺憾的是,最近幾年這些方案已經停滯,開發者們也沒有能夠延續之前的好運。 

        如果您是同時針對 Android 和 iOS 開發應用的移動開發者,并希望尋求統一的做法和歸因衡量方式,這將是一個很大的挑戰。 

        自定義智能條幅廣告:Branch Journeys

        幸運的是,Branch 提供了解決方案:數萬款 app 使用由 Branch Journeys 工具支持的 iOS 和 Android 智能 app 條幅廣告。這款工具支持所有操作系統和瀏覽器,能夠根據具體情況將用戶引導到您的 app 或 App Store。

        image5-7-1024x424.png

        從此不用再擔心如何為 app 的移動網站制作智能 app 條幅廣告或費盡心思尋找外部智能條幅廣告創建工具。Branch Journeys 智能條幅廣告不僅可以讓您充分利用 Apple iOS 智能 app 條幅廣告的所有功能,還額外提供了如下功能:

        ·動態智能路由。如用戶點擊條幅廣告時,設備上已經安裝了 app,則打開 app。如果設備上沒有安裝 app,則將用戶引導到對應的 App Store 頁面。

        ·跨平臺支持。支持所有移動瀏覽器和移動操作系統。一次性輕松創建 iOS 智能條幅或 Android 智能條幅廣告,并在任意情景中使用。

        ·檢測是否已安裝 App。 如果您的 app 中實現了 Branch SDK 并且用戶已經至少打開過一次 app,則我們可以自動將 CTA 從 “Install” 更改為 “Open”,就像 Apple 的做法一樣,我們也支持自定義相應的 CTA 消息。

        ·自定義受眾定向。定制智能條幅廣告的外觀和體驗,基于用戶的具體行為在移動網頁和 app 中創建自定義 CTA。例如,針對活躍度最高的用戶使用不同的條幅廣告。

        ·A/B 測試。 無需更改網頁代碼,就可以運行實驗,以優化受眾定向表現。

        ·本地化。針對不同城市、州/省、國家/地區提供本地化的文案和設計。

        ·下載跟蹤。我們在 Branch 后臺提供了豐富的分析數據,可以幫助您跟蹤條幅廣告的查看量和點擊量,以及 app 的安裝率和打開率。這些數據可以反映移動網頁在轉化方面的表現,并幫助您優化增長營銷活動。

        ·深度鏈接。您可以指定要傳遞到 app 的數據目錄,以便將用戶引導到特定產品或 app 內的特定內容,也稱為深度鏈接。Branch 能夠提供業界領先的匹配精度,這意味著您甚至可以從 App Store 接收首次安裝的深度鏈接參數,以便為所有用戶(包括新用戶和再次互動用戶)提供個性化的入門體驗。

        可以自定義的智能 app 條幅廣告 – 布局、顏色、內容和圖標

        為了給移動網站打造原生外觀和體驗,或提供個性化體驗,Branch Journeys 支持使用圖形編輯器或通過直接編輯 CSS 對條幅視覺表現進行全面自定義。其中包括 app 標題、描述、CTA 按鈕、評分和評價數量。所有內容都可以根據網站設計進行調整。

        image3-4-1024x786.png

        Journeys 智能 app 條幅廣告配置指南

        Branch Journeys 入門非常簡單。您可以遵守下面的分步指南或申請 Branch 演示程序,聯系我們的團隊成員。

        第 1 步:創建 Branch 帳戶并配置您的鏈接路由

        首先,進入操作后臺并按照說明創建免費帳戶。您需要定義所有不同的目標位置,讓 Branch 知道在各種場景下將用戶重定向到哪里。

        第 2 步:將 web SDK 添加到您的網站

        接下來,在帳戶設置 > 配置文件下,從操作后臺中找回 Branch 秘鑰。將下面的代碼片段拷貝到網站的 Javascript 標簽中。將您在設置頁面中找回的秘鑰添加到 ‘’key_live_YOUR_KEY_GOES_HERE’’ 部分。

        <script>

           // load Branch

           (function(b,r,a,n,c,h,_,s,d,k){if(!b[n]||!b[n]._q){for(;s<_.length;

        )c(h,_[s++]);d=r.createElement(a);d.async=1;d.src="https://cdn.branch.io/branch-latest.min.js";

        k=r.getElementsByTagName(a)[0];k.parentNode.insertBefore(d,k);

        b[n]=h}})(window,document,"script","branch",function(b,r)

        {b[r]=function(){b._q.push([r,arguments])}},{_q:[],_v:1},

        "addListener applyCode autoAppIndex banner closeBanner closeJourney

         creditHistory credits data deepview deepviewCta first getCode init

         link logout redeem referrals removeListener sendSMS

         setBranchViewData setIdentity track validateCode trackCommerceEvent 

        logEvent disableTracking".split(""), 0);

           // init Branch

           branch.init('key_live_YOUR_KEY_GOES_HERE');

        </script>

         第 3 步:設置您的 Journeys 智能 App 條幅廣告

        前往 Branch 操作后臺的 Journeys 版塊,按照向導說明配置您的智能 app 條幅廣告。如果您的月活用戶數(MAU)低于 1 萬,則您可以免費激活 Journeys。您還可以在開發者門戶上查看完整的 Journeys 文檔。

        第 4 步:為您的 iOS 或 Android App 配置深度鏈接

        最后,您可以按照我們的 iOS 或 Android集成說明輕松為您的原生 app 設置延遲深度鏈接和安裝跟蹤。 

        一切就緒!

        立即登錄,閱讀全文
        版權說明:
        本文內容來自于,本站不擁有所有權,不承擔相關法律責任。文章內容系作者個人觀點,不代表快出海對觀點贊同或支持。如有侵權,請聯系管理員(zzx@kchuhai.com)刪除!
        掃碼登錄
        打開掃一掃, 關注公眾號后即可登錄/注冊
        加載中
        二維碼已失效 請重試
        刷新
        賬號登錄/注冊
        個人VIP
        小程序
        快出海小程序
        公眾號
        快出海公眾號
        商務合作
        商務合作
        投稿采訪
        投稿采訪
        出海管家
        出海管家
        美女在线看免费视频网站,秘霞网,免费a级毛片18禁止免费网站,免费观看性行为视频的网站
        <li id="japvw"><acronym id="japvw"></acronym></li><rp id="japvw"></rp>
        <dd id="japvw"></dd>
        <th id="japvw"></th>
          1. <dd id="japvw"></dd>