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 your Angry Birds 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="Use the unique powers of the Angry Birds to destroy the greedy pigs' fortresses!"/>
    <meta name="keywords" content="Angry Birds"/>
    <meta name="author" content="Rovio Mobile Ltd."/>
    <meta name="publisher" content="Rovio Mobile Ltd."/>

    <title>Angry Birds</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/com.rovio.angrybirds">Angry Birds 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

<div class="appaware-full-app"><a href="http://appaware.com/app/angry-birds/com.rovio.angrybirds">Angry Birds 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/angry-birds/com.rovio.angrybirds");
  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.