HTML5 Galactic Towers is on FaceBook. Now I need your help.

tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
edited November -1 in Miscellaneous
So I have been messing with creating a FaceBook app using my Galactic Towers Lite app I just uploaded to the GameSalad arcade. And so far so good. I have the app embedded in its own app page on Facebook. Now it seems I need to get people to play it on my own before it can officially be listed in the app directory.

So What I need from you guys here on the Forum is to login to your Facebook account and then click the link below and play the Game. Im not sure how long it takes for Facebook to update the activity since I have already had a few people play it in the last hour and it still says 0 but who knows. This is a learning experience for me and I may just learn that this is not what it means by active users of the Facebook app. It may mean likes or something like that so if thats the case and you see a way to like it, please do.

Thanks a bunch and once I get this all figured out i'll be glad to update this thread with the how to at the how I did it. No guarantees its the right way. ;)

http://apps.facebook.com/galactictowers/

Thanks
Aaron

___________________________________________________________________________________
TEMPLATES AND PROJECT HELP BY TENRDRMER. CLICK HERE!!!

AppSolute Entertainment on Facebook
AppSolute Entertainment on iTunes
Warning There was an error rendering this rich post.

Comments

  • HoneyTribeStudiosHoneyTribeStudios Member Posts: 1,792
    Hey Aaron, just had a play. Can you explain how to make an 'app page'? Can you have it as part of a normal facebook company/brand site?

    Cheers
    Shaz
    Warning There was an error rendering this rich post.
  • Den_Mandige_ElgDen_Mandige_Elg Member Posts: 20
    It works great Aaron, very nicely done :)

    I would also like to know how you have done this ?

    Cheers

    Daniel
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Guys I'm working on Figuring out how to add it to my Company site. I think thats where the 10 active users thing comes in. I'll Update this in the next day or so with what I did and what I couldn't get to work.

    Thanks for playing it.
    Warning There was an error rendering this rich post.
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Success!!!!

    http://www.facebook.com/AppSoluteEntertainment?sk=app_163322353734365

    Was quite Simple Actually once I did some more reading and found the setting I was missing.
    I'm gonna take some screenshots now and post the how-to on how I did it.

    Aaron
    Warning There was an error rendering this rich post.
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    First Things first you must be logged into Facebook as your profile account not your page.

    Go to http://www.facebook.com/developers

    Now in the top right corner click Set up new App. Give it a name and accept the Terms (once you've read them thoroughly of course). You'll have captcha to fill in once hit continue.

    Ok now the first About page that comes up is straight forward.
    The next tab is WebSite. Again Straight forward.

    The next one, FaceBook Integration, was the tricky one for me as there was no real explanation of what to add.

    You have to create the URL for your Canvas Page. Thats the URL you want to go directly to your Facebook app.

    The next is the Canvas URL. This is the URL it is actually going to embed into the App. You get this but getting the embed code for your arcade app. Heres the one for Galactic Towers
    '<iframe src="http://e.gamesalad.com/play/27931" width="480" height="353" allowtransparency="true" scrolling="no"></iframe>'

    The URL you need to enter in the Canvas URL setting would be 'http://e.gamesalad.com/play/27931/'

    Take note. The Embed code you copied does not have a '/' at the end. you need to add that or Facebook will not accept it.

    Next set your frame size to auto re-size

    I did not enter anything for Secure URL or Bookmark URL. Those are options you can play with but not necessary to get the app running.

    Now Add in a Name for the Page tab. I just used the name of the app. and then for the Tab URL the same as the Canvas URL.

    image

    Now on to the Mobile and Devices Tab. It gives you the option to enter in App ID's for your iOS version I'm assuming somewhere along the line you will have a link to the AppStore.

    image

    Credits Do not apply to these apps as GameSalad does not support anything like that right now. and I change nothing in the advanced section. Click save Changes

    Next on the right hand side you should see a list of links. Click "Application Profile Page" When that loads on the left hand side you will see "Add to my Page". Click that and select the page you want it added to and now it will appear as a tab on your page.

    image

    Keep in mind until people actually play the game through the app on Facebook you will not be able to submit it to Facebook to be listed in the apps directory. But hopefully once you have it there and get the word out you will get enough users to get it listed there.

    Hope this helps guys and good luck.

    Aaron
    Warning There was an error rendering this rich post.
  • XpandemicXpandemic Member Posts: 157
    Great guide Aaron this will be really helpful. One question though, do you need to pay to post your app? Thanks!
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Xpandemic said:
    Great guide Aaron this will be really helpful. One question though, do you need to pay to post your app? Thanks!

    Nope no cost to create a facebook app that I have found. You can pay to advertise it through facebook though.
    Warning There was an error rendering this rich post.
  • X_Wiles_XX_Wiles_X Member Posts: 8
    tenrdrmer, this is super great! thanks much for this.
  • AppsRacKAppsRacK Member Posts: 346
    wow cool guide tenrdrmer. Thanks for sharing.
    -drahc
  • beefy_clyrobeefy_clyro Member Posts: 5,394
    Amazing Aaron, thanks for this! Woo.

    Now if only us pro's could remove the damn GameSalad branding! Grrr
    Warning There was an error rendering this rich post.
  • beefy_clyrobeefy_clyro Member Posts: 5,394
    Line Ar(X) is now live on Kc8 Facebook ... Cheers for the tip Aaron!

    www.facebook.com/pages/Kc8-Studios/121855854497283
    Warning There was an error rendering this rich post.
  • HoneyTribeStudiosHoneyTribeStudios Member Posts: 1,792
    Thanks for posting all this!

    Next thing for you to figure out... how to add the normal like,share and comments bit under the app!
    Warning There was an error rendering this rich post.
  • POMPOM Member Posts: 2,599
    Great post!
    So we cant put portrait games? i would love to put Loonimals in its Facebook page , but its portrait ;/

    Roy.
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    HoneyTribeStudios said:
    Thanks for posting all this!

    Next thing for you to figure out... how to add the normal like,share and comments bit under the app!

    There is a like box on the app profile page and also you can create additional like boxes from that page. I havnt had a chance to mess with that yet. Gonna check it out once I get some down time at work today hopefully.

    @pom that's a gamesalad thing Unfortunatly. Hopefully they will add more orientations in the future..
    Warning There was an error rendering this rich post.
  • beefy_clyrobeefy_clyro Member Posts: 5,394
    Oooh would love to see some some additional like/share boxes on the page!
    Warning There was an error rendering this rich post.
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Just an update. It updates daily on how many people have played your app in the month so I had plenty of users last night give it a play to Submit it to the Application Directory

    Now I have submitted and am currently pending approval for listing in the Application Directory. Hopefully that will give some extra visibility to the game.

    I do have an idea to be able to display a like box for the app, but i'm gonna have to check it out before posting it.

    I'll keep you posted!!

    ___________________________________________________________________________________
    TEMPLATES AND PROJECT HELP BY TENRDRMER. CLICK HERE!!!

    AppSolute Entertainment on Facebook
    AppSolute Entertainment on iTunes
    Warning There was an error rendering this rich post.
  • JohnPapiomitisJohnPapiomitis Member Posts: 6,256
    awesome :) glad u got it sumbitted to the app directoy!
  • MagoNicolasMagoNicolas Member, PRO Posts: 2,090
    Amazing dude!

    Thanks!

    Please Play ePig Dash!

    I Put My webste link ;D Is better than make them go to Gamesalad for me:D

    http://apps.facebook.com/epigdash/

    Cheers.
  • MagoNicolasMagoNicolas Member, PRO Posts: 2,090
    mmm How did you make it to show just the game?

    Edit: Now I Fix it! Thanks.
  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Just an update. Guys It finally got approved for the Application directory. Doesn't seem to have added anything to the app page. So its just a listing. I am going to try next my idea to get some like boxes under the app. I believe it will have to be done by creating an html page on your own server or website and then use that address for your canvas URL.
    Warning There was an error rendering this rich post.
  • LumpAppsLumpApps Member Posts: 2,881
    Old thread but have you got things working? I will try this soon so I am very interested.
    Great work so far!!

    Lump Apps and My Assets

  • LumpAppsLumpApps Member Posts: 2,881
    I just tried this.
    There is next to the normal URL (HTTP) also an HTTPS url. it says requierd since oct 1st.
    So now I can't get it to work. Is there a way to get around this? Or how do I make a page https??

    Lump Apps and My Assets

  • tenrdrmertenrdrmer Member, Sous Chef, Senior Sous-Chef Posts: 9,934
    Im not sure I have not messed with it since getting it setup. I heard they had changed somethings making this as well as GameSalads tutorial not work properly.
    Warning There was an error rendering this rich post.
  • LumpAppsLumpApps Member Posts: 2,881
    Okay thanks. Would be great to get this working.
    Where I'd this GS tutorial you speak off.

    Never mind. Got it.

    Lump Apps and My Assets

  • LumpAppsLumpApps Member Posts: 2,881
    Ha!

    http://www.facebook.com/apps/application.php?id=173174789438857

    Lump Apps and My Assets

  • LumpAppsLumpApps Member Posts: 2,881
    Btw. To get rid of the optionbar:
    Place your iframe in an iframe.
    Height of the first one to auto or 500px for example.
    Second iframe: height 320px and a noscroll.

    Lump Apps and My Assets

  • scitunesscitunes Member, Sous Chef Posts: 4,047
    LudwigHeijden said:
    Btw. To get rid of the optionbar:
    Place your iframe in an iframe.
    Height of the first one to auto or 500px for example.
    Second iframe: height 320px and a noscroll.

    What do you put for the source in the second iframe (the one that wraps the original gs iframe)?
  • LumpAppsLumpApps Member Posts: 2,881
    Sorry if I wasn't clear:
    I have two HTML pages. The iFrame in Page one refers to the GS Page.
    The second Html page refers to the first HTML.

    So Html #1:
    <iframe width="480" height="500" src="http://null.gamesalad.com/99dbd7d8-cd96-4736-9de8-0c6dc3c62ac3/preview.htm?
    " frameborder="0" allowfullscreen></iframe>

    Html #2:
    <iframe width="480" height="350" src="http://www.lumpapps.com/HTMLArcadeiFrame/Arcade.html" scrolling="no" frameborder="0"></iframe>

    Lump Apps and My Assets

Sign In or Register to comment.

© Vanilla Keystone Theme 2024