How to create an app within a facebook (group) page - facebook

I have serious problem finding the way to create an application inside a facebook group page.
Because of the only thing to search for is very generic terms, like "group" "app" and the fact that the api constantly changes and gets deprecated in and out its impossible to google this.
So basically I want to create a webpage or part of a webpage that resides within a facebook group page. Is there a tutorial somewhere.
Note 1:
This is what I mean by a facebook group app.
https://www.youtube.com/watch?v=WPlJgOaRjyQ&ab_channel=DesireeMartinez
Note 2:
I have asked ChatGPT as well, it referred to something that is called Canvas, there are no example how to use this. Perhaps this is the way to go, if so, any examples or tutorial
So what is the correct approach here?

Related

Custom Dynamic Links in Firebase that goes to user profile

Im pretty new to Firebase, so please bear with me on this one. This problem has been stuck in my head for the past days.
I have seen some videos on Dynamic Links, but i havent seen some clear answers to what im hoping to achieve. I want to create a Dynamic Link, that allow users to share their account with their friends (through a link).
So my question is how can i manually construct a dynamic link (with User A´s uid), so when User B clicks on that link (and has the app) it will go straight into the profile of User A?
Should i create a link when a user signs up and store it under their profile in the database?
Looking forward to hearing how you guys would go about solving this problem im having.
You essentially want to create link where the link parameter (what's called the "Deep link URL" in the Firebase console) looks something like https://www.example.com/userProfile?uid=314159. (The full deep link will look different than this.)
When your app opens up this dynamic link, it will convert the incoming URL to a Dynamic Link object, and that object will have a url property that equals this link parameter. Your app will have to do the work to analyze this url and say, "Oh, this appears to be a request to view a user's profile, so I'm going to redirect to that part of my app". It won't happen automatically.
Whether you create it when the user first signs up, or when they decide to share their profile is kinda up to you. I'm generally not a fan of pre-generating deep links ahead of time, because you might realize later you want to change an aspect of these links, and that's easier to do if you don't have thousands of pre-generated DLs. Keep in mind that either way, there is a network call required to convert these longer URls into a prettier short URL.

Facebook app id for website social plugins

I have like/share buttons on my website and am not currently using an appid. Finding information on whether this is a necessity for the above configuration is difficult to confirm. When going through the Facebook app "create" forms, I'm really confused by a lot of the requirements as it seems to be more focused around actual apps rather than websites, which login via fb etc.
In the past I have created an app for one of my other websites and I don't believe there was any verification/submission process at this point (about 2-3 years ago). Reviewing my old app configuration now I can see that it is not "live" - does anyone know whether Facebook implemented this submission process in the last couple of years, and then de-activated any live apps that were created prior to this?
I now want to setup a new app for my new website and I'm unsure what the different 'action types' mean and what I would need to simply use like/share buttons on the website. Could someone give me a quick run down of what I'd need and what they are?
Any other info/tips people can provide would be greatly appreciated. I'm finding that the like/share DO still work without the app, but sometimes the share button doesn't work properly (I have a feeling this is something to do with the app).
Thanks
If you are just using the Social Plugins, you don't need to have a Facebook App ID.
If you want more integration, it will be required. Creating an App ID is like registering your App, wether an iOS or Android App or just a website, so that you can make Graph API calls for it.
The easiest way to register your website is to go the quickstart: https://developers.facebook.com/quickstarts/?platform=web (or https://developers.facebook.com/apps). There you can type a name and follow the steps.
You can then follow the "Sharing best practices" (https://developers.facebook.com/docs/sharing/best-practices#tags) on how to use the App ID. For example, by including an fb:app_id meta tag on your pages.
There is a review process, since last April, but that is only needed if you use permissions for your App. If you just use the plugins, that is not needed.
Can you explain more what is exactly not working?
Update
The time you create a page the Facebook crawler does not know yet what the Opengraph data for that one is. This will happen after the first share, but if you want to ensure it is correct from the first share on, you can force a re-scrape.
This section explains how that works:
https://developers.facebook.com/docs/sharing/opengraph/using-objects#update
When an app triggers a scrape using an API endpoint This Graph API
endpoint is simply a call to:
POST /?id={object-instance-id or object-url}&scrape=true

Adding Facebook Photos to my personal website?

sorry if this has been asked before, but I was wondering how you would be able to grab individual Facebook photos (not entire albums) and put them directly onto a personal website. I am not familiar with how to use the Facebook Photo API, so if that is the correct method, would someone be able to explain how to use it?
The website's language is HTML with some CSS.
Just use the Embedded Posts feature
For fine tuned programming, you haven't stated your website language or what is the exact issue you are having or anything like that, so you need to be more specific.
Consider reading the documentation https://developers.facebook.com/docs/graph-api/reference/v2.2/photo and then come back with a specific question about implementation.

apps.Facebook.com/XYZ vs. Facebook.com/XYZ/app_123456789

what's the difference between apps.Facebook and Facebook.com/COMPANY_NAME/app_1234567 ?
For example: http://www.facebook.com/AcademyofArtUniversity/app_307555419320340
I'm trying to build a similar contact form page for a client, but I when I create an app, I get apps.facebook.com/APP_NAME rather than the app name at the end. Is there a difference? Are these different types of apps, or is one just an older style name?
Bonus question: Why wouldn't Academy of Art (using the second step from their example above) request User permissions to pull in the Facebook Graph data rather than require users to re-enter it? Is this related to my question above? Is there a best practice around using Permissions vs. New Entry?
apps.facebook.com/[namespace] is the primary url to a Canvas app, while the latter, `www.facebook.com/[pagename]/app_[appid] is your app added to a page as a Page tab app.
For the second question, this app probably doesn't want to ask for permissions (perhaps to lower the friction) since only a few fields would actually be accesible via the graph.

What's the difference between a Facebook app and a tab?

I want to add a link to my Facebook page that will open new information within my page. Not a website, but information from a scoring program my bowlers use. I'm not a programmer by any means and have no programmer on staff I am trying to teach myself these things as I go along.
First of all, I have no idea if what I want to add is called a "tab" or an "app." I can't really seem to find a good explanation as to what the difference is. They both kind of sound the same to me. I've tried to figure out how to add both and have found a lot of great websites and information on Facebook that kind of leads you through the process.
The problem is all of them seem to expect me to already know what things like, JavaScript, canvas urls, FBML, etc... and I don't. So I'm getting tripped up on the steps even as I'm trying to work my way through the steps. I guess I'm kind of looking for a page entitled something like "Facebook developing for ignorant people."
I really appreciate any help you can give me.
Please forgive my ignorance here but I have searched and searched for how to do this and just keep coming up against a wall.
What are Facebook Tabs?
The tabbed structure multiplies your possibilities. Tabs help keep Pages organized so people know where to go to get different pieces of information. The Wall tab is for dynamic content, the Info tab has static information, the
Photos tab contains photos albums and Fan photos, etc
What are Facebook Apps?
Apps on Facebook are web apps that are loaded in the context of Facebook in what we refer to as a Canvas Page.
What is a Canvas Page?
A Canvas Page is quite literally a blank canvas within Facebook on which to run your app.
Now where you may have been confused is that you have ability for your app to be used within the context of a Facebook Page via a tab. So it is a custom tab
So now to what you want
I want to add a link to my Facebook page that will open new information within my page.
You want to add a new piece of information to the page. Is it static content. If it is just the rules of the scoring program, then you can use a Tab. Previously one was able to accomplish this using a simple FBML tab. Put Facebook has phased this out.
FBML will no longer be supported as of January 1, 2012
Two quick ways to deal with your problem
Use the Info tab description to place the information
Search for apps that offer this functionality for example TabPress
The longer way (long term) would be to follow this guide and bite the bullet for learning web hosting and development
http://developers.facebook.com/docs/appsonfacebook/pagetabs/
Any more information in terms of languages, and steps depends on exactly what you would like to do. I am not really sure what you mean by showing the bowling information. For the moment I am thinking it is just static information. So all you need to know is how to use the following HTML tags
html
head
body
p