Smart App Banners Tutorial

(2015-06-15 20:15:22)

Lưu ý từ Ray: đây là một hướng dẫn mới phát hành như một phần của iOS 8 Feast. Theo thống kê mới nhất, App Store của Apple tự hào có hơn 1,2 triệu ứng dụng. Cho rằng chìm vào cho một thời điểm. Mặc dù có hàng triệu người dùng tiềm năng hiện có cho ứng dụng của bạn, nó là khó khăn hơn và khó hơn để có được công việc của bạn nhận thấy.

Smart App Banners Tutorial

Tất nhiên, đó là một loạt các chiến lược tiếp thị, bạn có thể sử dụng để giúp nâng cao tình trạng của ứng dụng, tải và cuối cùng tạo thêm thu nhập. Thật không may, hầu hết yêu cầu bạn phải chi tiêu tiền để kiếm tiền-một cái gì đó rất nhiều nhà phát triển indie có thể không muốn hoặc không thể đủ khả năng để làm. Đó là một lựa chọn miễn phí, mặc dù. Kể từ sự ra mắt của iOS 6 vào năm 2012, của Apple cho phép nhà phát triển để thêm quảng cáo biểu ngữ, cái gọi là biểu ngữ ứng dụng thông minh, để thúc đẩy ứng dụng của bạn trực tiếp trên một trang web.

 

Ví dụ, hãy thử duyệt để toán-ninja-app.com trên điện thoại iOS. Bạn sẽ thấy một biểu ngữ ứng dụng thông minh cho các ứng dụng Ninja toán bởi Razeware, như minh hoạ trong hình để phía trên bên phải. Trong hướng dẫn này thông minh ứng dụng biểu ngữ ngắn và ngọt, bạn sẽ tìm hiểu làm thế nào để hiển thị một biểu ngữ ứng dụng thông minh trên một trang web, bằng cách chỉnh sửa HTML và sử dụng một mát WordPress plugin.


Getting Started

Thông minh ứng dụng biểu ngữ có hạn chế phạm vi và tầm nhìn. Họ chỉ hiển thị trên trình duyệt Safari trên điện thoại iOS. Vì mục đích là để khuyến khích người sử dụng để tải về hoặc mở ứng dụng, họ Hiển thị khi người dùng truy cập một trang web hoặc trang con mà thường là một trang đích cho các ứng dụng.

 

Thông minh ứng dụng biểu ngữ, cũng... thông minh, do đó, họ chỉ hiển thị trên các thiết bị hỗ trợ các ứng dụng khuyến khích đầu tư. Ví dụ, nếu ứng dụng của bạn là chỉ tương thích với iOS 7 và ở trên, có thể một người dùng trên thiết bị iOS 6 sẽ không bao giờ thấy các biểu ngữ.

 

Tương tự như vậy, một bảng quảng cáo cho một ứng dụng chỉ có iPad sẽ không hiển thị trên iPhone hoặc iPod. Cuối cùng, nếu một ứng dụng không khả dụng tại quốc gia của người dùng, các biểu ngữ ứng dụng thông minh sẽ không hiển thị. Nó phát hiện cho dù người dùng đã có các ứng dụng nổi bật. Nếu không, các biểu ngữ ứng dụng thông minh mời người dùng để tải xuống hoặc mua các ứng dụng, và khai thác View mang đến cho người dùng đến trang App Store của bạn.

 

 

Nếu thiết bị đã có các ứng dụng, các biểu ngữ ứng dụng thông minh nhận ra điều này và tải một quảng cáo hơi khác nhau với một liên kết để mở các ứng dụng, chứ không phải tải về và/hoặc mua nó.

 

 

Người dùng có thể dễ dàng bỏ qua một biểu ngữ ứng dụng thông minh bằng cách bấm vào nút X bên trái. Sau khi bị cách chức, nó không hiển thị chính nó một lần nữa cho người sử dụng trên trang web đó, ngay cả khi các trang web được nạp lại.

 

Cách duy nhất để làm cho nó hiển thị một lần nữa là nếu người dùng xóa một số siêu dữ liệu trên thiết bị iOS đó, như mô tả dưới đây.


Re-Showing Hidden Banners

Lưu ý: Phần này là tùy chọn. Bạn chỉ cần biết điều này nếu bạn bỏ qua một biểu ngữ ứng dụng thông minh và muốn biết làm thế nào để làm cho nó hiển thị một lần nữa. Cảm thấy miễn phí để chuyển sang phần tiếp theo nếu bạn muốn để tăng tốc độ trước để thực hiện một biểu ngữ!

 

Trên iOS 6, thông minh ứng dụng biểu ngữ có thể xuất hiện lại chỉ khi Safari của cookie và dữ liệu được xoá hoàn toàn bởi người dùng trong ứng dụng Settings (cài đặt mở, tìm thấy Safari và chọn xoá cookie và dữ liệu.)

 

Trên iOS 7.0, nó là ở một vị trí tương tự, nhưng theo dữ liệu trang web. (Mở cài đặt, tìm Safari, chọn nâng cao, dữ liệu trang web và loại bỏ tất cả các dữ liệu trang web).

 

Ngoài ra, bạn có thể bấm vào nút chỉnh sửa màn hình dữ liệu trang web và sau đó bấm vào nút trừ bên cạnh mỗi trang web nơi bạn muốn các biểu ngữ ứng dụng thông minh.

 

Trên iOS 7.1, cách duy nhất để có những biểu ngữ ứng dụng thông minh xuất hiện trở lại, một khi bị cách chức, là để thiết lập lại tất cả cài đặt. (Open Settings, find General, then go into Reset and Reset All Settings.)

 

Tất nhiên, điều này đặt lại điện thoại iOS để cài đặt gốc, mà là một giải pháp khá triệt để. Vì vậy, onus là vào bạn để được chiến lược về nơi biểu ngữ của bạn sẽ hiển thị; bạn không muốn annoy người dùng bởi peppering họ với quảng cáo bởi vì họ sẽ chỉ cần bỏ qua các biểu ngữ và không bao giờ xem ứng dụng của bạn một lần nữa.


How to Make Them Appear?

 

Kể từ khi thông minh ứng dụng biểu ngữ được chuyên môn cao tiếp thị đại lý, bạn phải thực hiện một số sửa đổi nhỏ để trang web nơi bạn muốn đặt chúng.

 

Một thực hành tốt nhất là để chỉ sử dụng thông minh ứng dụng biểu ngữ trên các trang web dành riêng cho application(s) của bạn. Ví dụ trên math-ninja-app.com, hoặc trên subpages của trang web đó là tất cả về ứng dụng, chẳng hạn như razeware.com/battle-map-2/.

 

Một chi tiết quan trọng cần lưu ý là kể từ khi chỉ có một biểu ngữ ứng dụng thông minh có thể hiển thị tại một thời điểm, bạn phải chọn — và chọn một cách khôn ngoan-các ứng dụng hoàn hảo để thúc đẩy.

 

App ID

 

Làm thế nào các biểu ngữ ứng dụng thông minh biết những gì để hiển thị? Bạn ăn nó một ứng dụng ID, nhận dạng duy nhất của ứng dụng trong các hệ sinh thái điện thoại di động của Apple. Có hai cách phổ biến để tìm một ứng dụng của bạn.

 

From the iTunes.apple.com URL

 

Nếu bạn xem trang của bạn ứng dụng trên iTunes.apple.com, URL có chứa của bạn ứng dụng ứng dụng ID, như nhìn thấy dưới đây, trong phần được đánh dấu của thanh địa chỉ của trình duyệt.

 

From iTunes Connect

 

Đăng trong tài khoản của bạn trên iTunes kết nối, bấm vào quản lý ứng dụng của bạn và sau đó bấm vào các ứng dụng bạn có kế hoạch để thúc đẩy. Từ đó, bạn có thể tìm thấy ứng dụng của bạn ứng dụng ID bên cạnh nhãn Apple ID.

 

 

Lưu số ID ứng dụng của bạn ở một nơi thuận tiện, như bạn sẽ cần nó để làm việc thông qua các phần dưới đây và tạo ra các biểu ngữ ứng dụng thông minh của bạn.

 

Showing a Smart App Banner in Plain HTML

 

Thêm một biểu ngữ vào HTML của trang web là vô cùng dễ dàng — nó đòi hỏi bạn phải thêm một dòng mã vào đầu. Bạn có thể sử dụng phương pháp này trên các trang tĩnh, cũng như những mã hóa bởi một CMS, miễn là bạn có thể truy cập và chỉnh sửa mã nguồn của mỗi trang.

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

Các thuộc tính nội dung có chứa các tham số sau/đối số:Phần quan trọng nhất của thẻ meta này là thuộc tính name, luôn luôn phải được apple itunes ứng dụng. Điều này xác định loại thẻ meta, mà lần lượt cho Safari để hiển thị biểu ngữ ứng dụng thông minh của bạn.

 

  • app-argument=myAppStoreID (bắt buộc): thay thế 'myAppStoreID' với ID ứng dụng duy nhất của bạn
  • affiliate-data=myAffiliateData (tùy chọn): nếu bạn là một chi nhánh iTunes, thay thế 'myAffiliateData' với iTunes chuỗi liên kết của bạn
  • app-argument=myURL (tùy chọn): chỉ định một URL context-sensitive đi quay lại các ứng dụng, do đó, nó có thể mở và tải phù hợp với bối cảnh hiện tại. Thêm chi tiết về điều này sau.

 

Một khi bạn có tất cả các phần cần thiết cho thẻ meta này, hãy đưa nó trực tiếp vào trang chính của trang web, thường tên là index.html, index.php, hoặc một cái gì đó tương tự. Đây là một ví dụ về làm thế nào có vẻ trên trang Math Ninja website.

 

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>Math Ninja iPhone/iPod Touch Game | Making Addition, Subtraction, Multiplication, and Division Fun!</title>

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

<link rel="stylesheet" type="text/css" href="reset.css"/>

<link rel="stylesheet" type="text/css" href="style.css"/>

</head>

 

Và điều này là làm thế nào trong Safari:

:

Nếu bạn không chắc chắn về tinkering với mã HTML của trang web của bạn, sau đó tham khảo ý kiến với quản trị trang web của bạn hoặc trang web yêu thích của bạn chuyên nghiệp.

 

Showing a Smart App Banner in WordPress

 

Cho các trang web phát triển trên WordPress, bạn bắt đầu bằng cách cài đặt một plugin WordPress miễn phí. Điều này làm cho nó dễ dàng hơn để chỉ định ID ứng dụng và hiển thị khác nhau biểu ngữ trên khác nhau subpages — tất cả mà không cần chạm vào mã nguồn.

 

Plugin Smart App Banners bởi Justin Saad là một giải pháp thanh lịch.

 

Trước khi cài đặt các plugin, bạn cần phải đảm bảo các phiên bản của WordPress cài đặt trên trang web của bạn là tương thích với các plugin. Về mặt kỹ thuật, bạn nên sao lưu trang web của bạn trước khi cài đặt một plugin mới, nhưng nó là hiếm người báo cáo vấn đề với công cụ này.

 

Kiểm tra các yêu cầu về các plugin trang đích hoặc cuộc hội thoại trong WordPress. Bài viết này, nó là tương thích với phiên bản 2,9 để 3.8.3.

 

Cài đặt Plugin

 

Để cài đặt các plugin, đăng nhập như người quản trị để trang web của bạn WordPress Bảng điều khiển và điều hướng đến các phần bổ sung.

 

Từ Plugins menu, nhấp vào Add New, và trong trang đó gõ Smart App Banners trong trường tìm kiếm.

 

 

Nhấp vào Search Plugins để xem kết quả sẽ trông giống như điều này-mặc dù plugins được liên tục bổ sung, do đó, kết quả của bạn có thể nhìn khác nhau.

 

 

Từ những kết quả tìm kiếm, các plugin được đề nghị có thể là người đầu tiên trong các danh sách, nếu không, chỉ cần nhìn cho nó và đảm bảo rằng tác giả là Justin Saad. Trong danh sách kết quả tìm kiếm, nhấp vào Install Now link bên dưới tên plugin.

 

Trong ảnh chụp màn hình tiếp theo, bạn cũng có thể thấy những gì các yêu cầu WordPress giống như thế, vì vậy bạn có thể cho biết nếu các plugin sẽ làm việc trên trang web của bạn.

 

Nếu bạn không có một phiên bản tương thích của WordPress cài đặt-thử Cập Nhật đến một xây dựng mới hơn. Nếu không, các plugin có thể hành xử theo những cách bất ngờ. (It's cũng khôn ngoan để giữ cho WordPress Cập Nhật vì lợi ích của an ninh.)

 

 

Các plugin đi kèm với tính năng bổ sung, chẳng hạn như các vật dụng để hiển thị "Tải về trên the App Store" và "Tải về cho Android" phù hiệu vuông và mã ngắn bạn có thể sao chép và dán vào bất kỳ trang hoặc HTML widget. Hướng dẫn này không áp dụng chúng, nhưng họ là dễ dàng để thiết lập và bạn có thể tìm hiểu thêm trực tiếp từ trang web của plugin.

 

Plugin Smart App Banners cho phép hai cách khác nhau để chỉ định ID ứng dụng: một biểu ngữ trang web toàn cầu và một biểu ngữ trang con cụ thể.

 

Global Site Smart App Banner

 

Để hiển thị một biểu ngữ ứng dụng thông minh trên toàn bộ trang web WordPress của bạn, điều hướng đến trang cài đặt của plugin và chỉ định ID ứng dụng vào trường thích hợp. Hãy chắc chắn rằng biểu ngữ hiển thị tất cả các trang? được kiểm tra. Nhấp vào lưu thay đổi.

 

Đây là những gì một biểu ngữ ứng dụng thông minh bằng cách sử dụng phương pháp này trông giống như trên trang  Wild Fables website:

 

 

Mỗi trang trên trang web này hiển thị các biểu ngữ, cung cấp người sử dụng đã không bác bỏ nó.

 

Subpage-specific Smart App Banner

 

Nhưng nếu bạn chỉ muốn hiển thị các biểu ngữ trên một trang con cụ thể? Đó là một sửa chữa cho điều đó.

 

Để chỉ định biểu ngữ ứng dụng thông minh của trang cụ thể, tải trang hay đăng bài trong admin bên của WordPress và chỉ định ID ứng dụng như hình dưới đây.

 

 

Khi người dùng duyệt đến trang đó trên điện thoại di động bằng cách sử dụng Safari, họ sẽ thấy các biểu ngữ ứng dụng thông minh cho rằng ứng dụng điện thoại di động. Khi họ truy cập vào một trang trên trang web đó, họ sẽ thấy không có biểu ngữ, trừ khi bạn thiết lập một ứng dụng ID cho trang đó.

 

Dưới đây là Smart App Banner được hiển thị trên trang con  Battle Map 2 subpage  của các trang web Razeware bằng cách sử dụng phương pháp này, như đã thấy trong trình duyệt Safari trên một thiết bị đang chạy iOS 6:

 

 

Using a Contextual URL with Smart App Banners

 

Như bạn đã thấy trước đó, các thuộc tính nội dung của các từ khóa meta có thể có chứa các tham số app-argument, và vượt qua giá trị của nó vào ứng dụng của bạn khi người sử dụng vòi nước mở.

 

Ví dụ, nếu bạn thêm app-argument=http://mywebsite.com/reviews?123, mã sau trong ứng dụng của bạn  AppDelegate có thể đi trực tiếp dùng cho việc xem xét với ID 123 trong ứng dụng của bạn:

- (BOOL)application:(UIApplication *)application
            openURL:(NSURL *)url
  sourceApplication:(NSString *)sourceApplication
         annotation:(id)annotation {
    if ([[url path] isEqualToString:@"/reviews"]) {
    	ReviewViewController *viewController = [[ReviewViewController alloc] init];
    	viewController.reviewID = [url query];
        [self.navigationController pushViewController:viewController animated:NO];
    }
    return YES;
}


Điều này là thuận tiện cho người dùng của bạn để tiếp tục làm trong ứng dụng của bạn những gì họ bắt đầu làm việc trên trang web của bạn, liền mạch. Ví dụ, nếu bạn có một ứng dụng cho phép bạn để mua các mặt hàng, có lẽ bạn muốn để bắt đầu người sử dụng trên một mục cụ thể.

 

Ghi chú cuối cùng

 

Kiểm tra việc thực hiện các biểu ngữ ứng dụng thông minh của bạn bằng cách tải các trang web hoặc trang con nơi bạn đặt nó trong trình duyệt Safari trên một thiết bị tương thích iOS. Cũng kiểm tra xem nếu nó tự sửa đổi khi bạn đã cài đặt các ứng dụng.

 

Ghi nhớ rằng thông minh ứng dụng biểu ngữ hiển thị ngôn ngữ thiết lập trên điện thoại iOS lần cuối cùng bạn kết nối với iTunes/ứng dụng tài khoản lưu trữ trong các ứng dụng cài đặt.

 

Để kiểm tra thông minh ứng dụng biểu ngữ bằng ngôn ngữ khác, bạn cần phải sửa đổi ngôn ngữ điện thoại trong các ứng dụng cài đặt, và cũng đăng xuất và kết nối lại vào iTunes của bạn/App tài khoản lưu trữ trên cùng một thiết bị đó.

 

Tags: thiet ke websitecong ty thiet ke webcong ty thiet ke websitethiet ke web.

Tag:


Các Tin Cũ Hơn:
Ban Tay So Located at 46/25 Tran Quoc Toan, Ward 8, District 3, Ho Chi Minh City, Vietnam.Reviewed by 32424 Clients. Rated: 8/ 10 (Excellent)