AppAware App Landing Page Widget

Note: To configure this page for a particular app pass the package name as parameter. E.g. http://appaware.com/widgets/app-landing?p=com.rovio.angrybirds

If you are a small indie developer or never had the time to develop a website for your Android app, then look no further. With one line of code you can have your own, always fresh landing page. Simply embed a small code snippet in your index page and you get for free:

  • Always up-to-date app information
  • Testimonials from users who like your app
  • Beautiful design
  • Great screenshot gallery
  • Save development time for website
  • Compatibility with Bootstrap (http://twitter.github.com/bootstrap/). Style your page around the widget the way you wish.

Click here to see how a sample app landing page looks like

How to integrate?

1. Complete index page

Put the following code as your app landing page

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="ROBOTS" content="INDEX,FOLLOW"/>
    <meta name="description" content="YOUR APP DESCRIPTION HERE"/>
    <meta name="keywords" content="YOUR APP KEYWORDS"/>
    <meta name="author" content="YOUR COMPANY NAME"/>
    <meta name="publisher" content="YOUR CONMPANY NAME"/>

    <title>YOUR APP TITLE</title>
</head>

<body>
<div class="container" style="margin-top: 30px">
  <div class="row">

    <div class="span12">
   <div class="appaware-full-app"> <a href="http://appaware.com/app/YOUR_APP_PACKAGE_NAME">YOUR_APP_NAME on AppAware</a></div> 
      </div>
    </div>
</div>
<script type="text/javascript" src="http://appaware.com/widgets/aa_full.js"></script>
</body>
 </html>

2. Code Snippet

Embed the following code snippet in your index page. Don't forget to use the proper url to your app on AppAware for the "href" attribute. For example href="http://appaware.com/app/YOUR_PACKAGE_NAME". Use your app name as anchor text.

<div class="appaware-full-app"><a href="http://appaware.com/app/YOUR_APP_PACKAGE_NAME">YOUR_APP_NAME on AppAware</a></div><script type="text/javascript" src="http://appaware.com/widgets/aa_full.js"></script>

3. HTTP 301 Redirect

Simply redirect to your app page at AppAware. E.g in PHP:

<?php
  header("HTTP/1.1 301 Moved Permanently");
  header("Location: http://appaware.com/app/YOUR_APP_PACKAGE_NAME");
  exit();
?>

Notes:

  • The <script> tag in code snippet should be included only once per page, even if you include multiple widgets and as last script in the body. This makes loading faster!
  • The app information keeps updating also after embedding it into your website.
  • This widget uses jQuery 1.7.1 and Bootstrap 2.0. If you choose to embed in a page with own styles, some styles may overwrite.