AppsGeyser Blog

AppsGeyser Blog

How to promote your business using apps

Personalizing your Android App with AppsGeyser’s Dashboard

November 14th, 2012

Starting to create an app is exciting, you have your ideas and you want to push forwards and get that app out into the market. You have clicked on ‘Create an App‘ and you have chosen your app template format. Now what?

Today we will help you to understand the AppsGeyser dashboard in a little more detail and show you how to personalize your Android app to suit your needs and style.

All changes are made through the ‘edit’ tab

Edit your app

Basic tab

Inside the basic tab

The basic sub-tab offers you some very simple options. It is within this tab you can set the simple rules for your app.

Icon for your app – This will be downloaded to the users mobile phone so make it clear and memorable.

Screen orientation – Here you have three options. We suggest that you remain on auto as this will allow the app to be viewed from wither direction with a smart phone. If there is a reason that the app needs t remain static on a certain size, then choose horizontal (landscape) or vertical (portrait).

Make sure you complete the description that will encourage people to understand your app and want your app. It is also vital that they choose the category that they app should appear in to help it be found in the app stores.

Advanced Tab

This is where we start to have fun. We can use this tab to help personalise your app.The first three options are general for promotional activities. After these options things get interesting.

App personalization

Enable URL entry field: By enabling this option your app will turn into a web browser. Be aware that it means people may leave your website or what you are linking to if you have given them this option.

Select User Agent: If you want to fool sites to believing that you are based from an iphone or desktop browser then you can use this option.

Embed this script into your App: This is a very advanced option where you can run JavaScript code into your app. This will change the app only and not the base source that you have linked your app to. JavaScript is widely used to change pages themes, colors, layouts and so on. It is done by a embedding a simple script.

Personalize your app

Let us have a look at this app. This is what it looked like before we embedded our code:

Before personalization with embedded code

Now I am going to embed the following code:

var logoLink = document.getElementById(“logo-link”);
logoLink.style.backgroundImage = “url(‘http://www.appsgeyser.com/custom_app/mflickr/quickflickr_logo.png‘)”;
logoLink.style.height = “25px”;
logoLink.style.width = “126px”;
logoLink.style.backgroundSize = “auto auto”;
var s = document.createElement(“STYLE”);
s.innerHTML = “.footer{display:none} #logo {height:25px;}”;
document.body.appendChild(s);
document.getElementById(“signedin”).childNodes[0].innerHTML = “<img src=’http://www.appsgeyser.com/custom_app/mflickr/quickflickr_button.png‘ />”;

 

And this is what the app looks like now.

After embedding the code

 

Fantastic, we can change what we want. Can you see that we have changed two items; the logo and the sign in button? You can use your own code or copy our code adding your own personalized information where I have highlighted in red. Do not delete anything that is not in red or the code will not work.

By using user scripts we can transform anything. Make sure you always backup the original and copy script exactly as it is written or it will not work, every full stop, quotation mark and bracket is important.

I hope you have enjoyed our little tutorial today. Let us know what you have created. We would love to see it.

We’d love to hear your thoughts in the comments or on Facebook or Twitter,
If you’re interested in making your own Android apps, start creating apps here.

We'd love to hear your thoughts in the comments or on Facebook or Twitter, If you're interested in making your own Android apps, start creating apps here.

Tags: , , , ,