Google & Facebook app

Google app
De bron van de onderstaande uitleg over het aanmaken van een nieuwe app binnen een Google account is; https://developers.google.com/identity/sign-in/web/devconsole-project
Creating a Google Developers Console project and client ID
Before you can integrate Google Sign-In into your website, you must have a Google Developers Console project. In the project, you create a client ID, which you need to call the sign-in API.
To create a Google Developers Console project and client ID, follow these steps:
  • 1. Go to the Google Developers Console.
  • 2. From the project drop-down, select an existing project, or create a new one by selectingCreate a new project.
  • Note: Use a single project to hold all platform instances of your app (Android, iOS, web, etc.), each with a different Client ID.
  • 3. In the sidebar under "API Manager", select Credentials, then select the OAuth consent screentab.
  • a. Choose an Email Address, specify a Product Name, and press Save.
  • 4. In the Credentials tab, select the New credentials drop-down list, and choose OAuth client ID.
  • 5. Under Application type, select Web application.
Register the origins from which your app is allowed to access the Google APIs, as follows. An origin is a unique combination of protocol, hostname, and port.
  • a. In the Authorized JavaScript origins field, enter the origin for your app. You can enter multiple origins to allow for your app to run on different protocols, domains, orsubdomains. You cannot use wildcards. In the example below, the second URL could be a production URL. http://localhost:8080 https://myproductionurl.example.com
  • b. The Authorized redirect URI field does not require a value. Redirect URIs are not used with JavaScript APIs.
  • c. Press the Create button.
  • 6. From the resulting OAuth client dialog box, copy the Client ID . The Client ID lets your app access enabled Google APIs.
Now you can add Google Sign-In to your website.
In het onderstaande voorbeeld zijn de printscreens van de Google app zichtbaar. In het voorbeeld is een bestaande app van onze klant Bibelot gebruikt.
Neem de zichtbare URL's NIET over in uw eigen app. Elke app/website/subdomein heeft vanzelfsprekend andere URL's. Login op de Google omgeving via de link; (https://console.developers.google.com). Volg de afbeeldingen en vul de juiste URL's in bij uw eigen app.

Commentaar: het Client Id en de Client secret zullen automatisch verschijnen.

Commentaar: klik aan de linkerkant nogmaals op "Credentials" en het onderstaande scherm zal verschijnen.

Uw Google app is nu ingesteld en klaar voor gebruik. Stel ActiveTickets per mail op de hoogte van het Client Id en de Client secret.
========================================================================================================================================
Facebook app
Om een Facebook koppeling in te stellen, die via de shop(en het subdomein) werkt icm. ActiveTickets, moet er eerst een app binnen de Facebook applicatie worden aangemaakt.
Ga hiervoor naar de link; https://developers.facebook.com/apps/ en log met het Facebook account in. Sta met de muisaanwijzer op " Mijn Toepassingen" en klik daarna op " Een nieuwe app toevoegen".

Kies voor "Website".

Geef de app een toepasselijke naam(in dit voorbeeld;"ActiveTickets").

De app is nu aangemaakt.

Klik op de app om de App ID en het App-geheim zichtbaar te maken. Stuur beide gegevens op naar onze support afdeling.


Klik op "Product toevoegen" en kies in de product setup "Facebook aanmelding", door op de knop "Aan de slag" te klikken.

Facebook aanmelding: vul de juiste URL's in en zet de opties op de juiste keuze.

In dit geval zijn de voorbeeld URL's van de klant Zeelandia gebruikt.

Belangrijk:vergeet niet om de aangemaakte app uit ontwikkelmodus/developersmodus te halen.

De Facebook koppeling kan pas worden getest als ActiveTickets in de backoffice de social module actief heeft gemaakt/ingesteld. Daarna kan het gebruik van Facebook worden getest. Ga hiervoor naar de URL van de shop. Klik op "Login" en de Facebook afbeelding zal verschijnen. Zodra op de afbeelding van Facebook wordt geklikt, dan zal het inlogscherm van Facebook verschijnen. Log hierop in en doorloop het bestelproces om een kaartje te bestellen.

Kom je er niet uit? Neem dan contact op met onze support afdeling, om de Google en/of Facebook app te kunnen bewerken of aan te maken hebben wij (tijdelijk) toegang tot de developer omgeving van Google en/of Facebook nodig!

Heeft deze uitleg je vraag beantwoord? Bedankt voor je feedback! Er is een probleem opgetreden bij het verzenden van je feedback. Probeer het later opnieuw.