如何設(shè)置iOS和Android智能App條幅廣告？

這篇博文最早發(fā)布于 2015 年。我們針對(duì)當(dāng)前 iOS 平臺(tái)格局的變化對(duì)其進(jìn)行了更新，當(dāng)然 Android 平臺(tái)格局依然如故。

眾所周知，多年來(lái)與移動(dòng)網(wǎng)站相比，用戶更喜歡原生移動(dòng) app。但是與 web 相比，深度鏈接到 app 和從 app 進(jìn)行深度鏈接的可靠性依然不夠理想。為此，仍然有很多手機(jī)用戶會(huì)使用移動(dòng)網(wǎng)站，特別是在新 app 發(fā)現(xiàn)方面。

例如，假設(shè)一位現(xiàn)有用戶使用您的 app 在 Facebook 上分享了一篇文章，而且有很多訪客點(diǎn)擊了這篇文章。如果您的鏈接把訪客引導(dǎo)到您的 app 所在的 App Store 頁(yè)面而不是相應(yīng)的文章，用戶會(huì)覺(jué)得很失望，并會(huì)因此失去興趣，最后還是要回到 Facebook。這種情況下，使用了智能 app 條幅廣告的移動(dòng)網(wǎng)站能夠發(fā)揮更好的作用。

在這篇博文中，我們將介紹適合 iOS 和 Android 平臺(tái)的多個(gè)智能條幅廣告選項(xiàng)，包括如何使用 Branch Journeys 創(chuàng)建完全自定義的智能條幅廣告。

什么是智能 app 條幅廣告？

移動(dòng)智能條幅廣告使用移動(dòng)網(wǎng)站上的部分界面向用戶展示原生 app 并吸引用戶在 app 中打開(kāi)。如果用戶尚未安裝 app，則吸引他們安裝。這是一種智能鏈接，其中包含所有路由邏輯，如果用戶已經(jīng)安裝 app，則自動(dòng)打開(kāi) app；如果用戶尚未安裝，則回退到 App Store 頁(yè)面。

我們可以看到，即使用戶設(shè)備上沒(méi)有安裝 app，這個(gè)移動(dòng)網(wǎng)站頁(yè)面上仍然顯示相應(yīng)內(nèi)容。但是屏幕頂部的條幅仍然顯示下載或打開(kāi) app 的選項(xiàng)。如果是新用戶，顯示帶條幅廣告的移動(dòng)網(wǎng)站會(huì)提供一個(gè)清晰無(wú)障礙的入門(mén)模型，供用戶在這里與移動(dòng)網(wǎng)站交互，并在適當(dāng)?shù)臅r(shí)候?qū)⒂脩艮D(zhuǎn)化為 app 用戶。

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

在 iOS 6 中，Apple 發(fā)布了適用于 Safari 的智能 app 條幅廣告。條幅廣告的外觀和體驗(yàn)從那時(shí)候發(fā)生了巨大變化，但是運(yùn)作方式并沒(méi)有改變。

用戶點(diǎn)擊這種條幅廣告時(shí)，會(huì)出現(xiàn)兩種情況。如果用戶已經(jīng)安裝 app，條幅廣告將使用隨附的深度鏈接參數(shù)，調(diào)用 app 的 URI 方案，從而打開(kāi) app。如果用戶沒(méi)有安裝 app，條幅廣告會(huì)將用戶引導(dǎo)到 App Store 頁(yè)面。

Apple 的條幅廣告有一些特點(diǎn)是其他第三方的智能條幅廣告無(wú)法輕易復(fù)制的：

·當(dāng) iOS 檢測(cè)到已經(jīng)安裝 app 時(shí)，CTA 始終會(huì)從”View”變?yōu)椤癘pen”。

·在下載 app 的過(guò)程中，智能條幅會(huì)顯示進(jìn)度條。

當(dāng)然它也有一些局限性，例如：

·只支持 iOS Safari。

·布局、顏色和內(nèi)容無(wú)法更改。

·無(wú)法進(jìn)行點(diǎn)擊或下載歸因。

·只有在用戶已經(jīng)安裝 app 的情況下，深度鏈接（將用戶引導(dǎo)到指定內(nèi)容）才能發(fā)揮作用。換言之，不支持延遲深度鏈接。

在 iOS 平臺(tái)上實(shí)現(xiàn)智能 app 條幅廣告

如果您希望使用基本的 Safari 智能條幅廣告，只需要將以下元標(biāo)記包含在網(wǎng)頁(yè)的 HTML 頭部：

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

app id 是 app 的唯一標(biāo)識(shí)符。如果您不知道 app id，則可以在 App Store 中搜索。您的 app ID 包含在 app 的 App Store 網(wǎng)址路徑中：

您可以借助 app 參數(shù)利用網(wǎng)站上相應(yīng)的網(wǎng)頁(yè)將 app 與 app 內(nèi)目標(biāo)位置關(guān)聯(lián)起來(lái)。這種關(guān)聯(lián)可以向 app 傳遞目標(biāo)位置以及其他信息，例如用戶是否登錄。

要詳細(xì)了解默認(rèn)的 Safari 條幅廣告，請(qǐng)查看 Apple 的文檔頁(yè)面：使用智能 app 條幅廣告宣傳 app（Promoting Apps with Smart App Banners）。

注意：如果您已經(jīng)為自己的網(wǎng)域啟用了 Universal Links，并且用戶設(shè)備上已經(jīng)安裝了 app，Safari 將自動(dòng)顯示較小版本的 app 條幅廣告。此”Universal Links 條幅廣告”無(wú)法禁用。

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

由于 Android 生態(tài)系統(tǒng)較為開(kāi)放，瀏覽器種類也更多，Google 并沒(méi)有發(fā)布 Android 智能條幅廣告。Chrome 提供了名為原生應(yīng)用安裝橫幅的條幅，但是實(shí)現(xiàn)難度很大，開(kāi)發(fā)者的控制權(quán)限有限，因此并未得到廣泛采用。 

Apple 推出 iOS 智能條幅廣告之初，開(kāi)發(fā)者也開(kāi)發(fā)了一些兼容 Android 的不同開(kāi)源方案。遺憾的是，最近幾年這些方案已經(jīng)停滯，開(kāi)發(fā)者們也沒(méi)有能夠延續(xù)之前的好運(yùn)。 

如果您是同時(shí)針對(duì) Android 和 iOS 開(kāi)發(fā)應(yīng)用的移動(dòng)開(kāi)發(fā)者，并希望尋求統(tǒng)一的做法和歸因衡量方式，這將是一個(gè)很大的挑戰(zhàn)。 

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

幸運(yùn)的是，Branch 提供了解決方案：數(shù)萬(wàn)款 app 使用由 Branch Journeys 工具支持的 iOS 和 Android 智能 app 條幅廣告。這款工具支持所有操作系統(tǒng)和瀏覽器，能夠根據(jù)具體情況將用戶引導(dǎo)到您的 app 或 App Store。

從此不用再擔(dān)心如何為 app 的移動(dòng)網(wǎng)站制作智能 app 條幅廣告或費(fèi)盡心思尋找外部智能條幅廣告創(chuàng)建工具。Branch Journeys 智能條幅廣告不僅可以讓您充分利用 Apple iOS 智能 app 條幅廣告的所有功能，還額外提供了如下功能：

·動(dòng)態(tài)智能路由。如用戶點(diǎn)擊條幅廣告時(shí)，設(shè)備上已經(jīng)安裝了 app，則打開(kāi) app。如果設(shè)備上沒(méi)有安裝 app，則將用戶引導(dǎo)到對(duì)應(yīng)的 App Store 頁(yè)面。

·跨平臺(tái)支持。支持所有移動(dòng)瀏覽器和移動(dòng)操作系統(tǒng)。一次性輕松創(chuàng)建 iOS 智能條幅或 Android 智能條幅廣告，并在任意情景中使用。

·檢測(cè)是否已安裝 App。 如果您的 app 中實(shí)現(xiàn)了 Branch SDK 并且用戶已經(jīng)至少打開(kāi)過(guò)一次 app，則我們可以自動(dòng)將 CTA 從 “Install” 更改為 “Open”，就像 Apple 的做法一樣，我們也支持自定義相應(yīng)的 CTA 消息。

·自定義受眾定向。定制智能條幅廣告的外觀和體驗(yàn)，基于用戶的具體行為在移動(dòng)網(wǎng)頁(yè)和 app 中創(chuàng)建自定義 CTA。例如，針對(duì)活躍度最高的用戶使用不同的條幅廣告。

·A/B 測(cè)試。 無(wú)需更改網(wǎng)頁(yè)代碼，就可以運(yùn)行實(shí)驗(yàn)，以優(yōu)化受眾定向表現(xiàn)。

·本地化。針對(duì)不同城市、州/省、國(guó)家/地區(qū)提供本地化的文案和設(shè)計(jì)。

·下載跟蹤。我們?cè)?Branch 后臺(tái)提供了豐富的分析數(shù)據(jù)，可以幫助您跟蹤條幅廣告的查看量和點(diǎn)擊量，以及 app 的安裝率和打開(kāi)率。這些數(shù)據(jù)可以反映移動(dòng)網(wǎng)頁(yè)在轉(zhuǎn)化方面的表現(xiàn)，并幫助您優(yōu)化增長(zhǎng)營(yíng)銷(xiāo)活動(dòng)。

·深度鏈接。您可以指定要傳遞到 app 的數(shù)據(jù)目錄，以便將用戶引導(dǎo)到特定產(chǎn)品或 app 內(nèi)的特定內(nèi)容，也稱為深度鏈接。Branch 能夠提供業(yè)界領(lǐng)先的匹配精度，這意味著您甚至可以從 App Store 接收首次安裝的深度鏈接參數(shù)，以便為所有用戶（包括新用戶和再次互動(dòng)用戶）提供個(gè)性化的入門(mén)體驗(yàn)。

可以自定義的智能 app 條幅廣告 – 布局、顏色、內(nèi)容和圖標(biāo)

為了給移動(dòng)網(wǎng)站打造原生外觀和體驗(yàn)，或提供個(gè)性化體驗(yàn)，Branch Journeys 支持使用圖形編輯器或通過(guò)直接編輯 CSS 對(duì)條幅視覺(jué)表現(xiàn)進(jìn)行全面自定義。其中包括 app 標(biāo)題、描述、CTA 按鈕、評(píng)分和評(píng)價(jià)數(shù)量。所有內(nèi)容都可以根據(jù)網(wǎng)站設(shè)計(jì)進(jìn)行調(diào)整。

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

Branch Journeys 入門(mén)非常簡(jiǎn)單。您可以遵守下面的分步指南或申請(qǐng) Branch 演示程序，聯(lián)系我們的團(tuán)隊(duì)成員。

第 1 步：創(chuàng)建 Branch 帳戶并配置您的鏈接路由

首先，進(jìn)入操作后臺(tái)并按照說(shuō)明創(chuàng)建免費(fèi)帳戶。您需要定義所有不同的目標(biāo)位置，讓 Branch 知道在各種場(chǎng)景下將用戶重定向到哪里。

第 2 步：將 web SDK 添加到您的網(wǎng)站

接下來(lái)，在帳戶設(shè)置 > 配置文件下，從操作后臺(tái)中找回 Branch 秘鑰。將下面的代碼片段拷貝到網(wǎng)站的 Javascript 標(biāo)簽中。將您在設(shè)置頁(yè)面中找回的秘鑰添加到 ‘’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 步：設(shè)置您的 Journeys 智能 App 條幅廣告

前往 Branch 操作后臺(tái)的 Journeys 版塊，按照向?qū)дf(shuō)明配置您的智能 app 條幅廣告。如果您的月活用戶數(shù)（MAU）低于 1 萬(wàn)，則您可以免費(fèi)激活 Journeys。您還可以在開(kāi)發(fā)者門(mén)戶上查看完整的 Journeys 文檔。

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

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

一切就緒！