Facebook, Google & reCaptcha Integration
– Step by step guide –
Facebook Integration
Step 1
For the first, you need to go to the Facebook developers website https://developers.facebook.com
On the top right corner select Login.
Login with your Facebook account or create a new one.
It is possible that you already have been connected to the Facebook and this step is not required.
Step 2
On the top right corner select My Apps ->Add New App.
On the pop-up Create a New App ID, choose a name you want to associate with your app and type a email address.
Click Create App ID.
Step 3
After you register your app, you have the option of choosing one or more scenarios.
Selecting a scenario adds the products related to the scenario.
After you confirm your scenarios, the added products appear on the left side and the product documentation appears on the right side.
You can also skip the scenario section and add additional products.
Step 4
From the main Facebook menu go to My Apps and open the app you just created.
Open Settings and complete the Privacy Policy URL, in this case with www.yop-poll.com.
Make sure to save the changes.
It is important that you note the App ID because you will need it for the next step.
Step 5
Go to your WordPress dashboard, on the main menu select Yop-Poll -> Settings.
From the Integrations section set Use Facebook integration to Yes and type in the field the App ID from the previous step.
Make sure to save the changes.
Also, make sure that you select Facebook at Vote Permissions from Yop-Poll -> Options -> Access and save changes.
Google Integration
Step 1
Before you can integrate Google into your website, you must have a Google API Console project.
In the project, we will create a client ID and a client Secret, which will be used to call the sign-in API.
To create a Google API Console project, click the following link: https://console.developers.google.com/apis/credentials and press the button: Create Project.
Step 2
In the Project Name field, enter your Project name.
Press the Create button.
Step 3
Press the Configure Consent Screen button.
Step 4
Choose External for User Type and press Create button.
Step 5
Enter all the required info and when done press Add Domain button.
Add the domain of your website.
Step 6
Press Add or Remove Scopes button.
Step 7
Check the first 2 options (indicated by the arrows) and press Save And Continue button.
Step 8
Add a test user by pressing +Add Users button and then press Save and Continue
Step 9
Press +Create Credentials button and choose OAuth Client ID
Step 10
Choose Web application for Application type and press +Add Uri button
Step 11
Enter the domain of your website and press Create button.
Step 12
From the resulting dialog box, copy the Client ID and the Client Secret and add them to YOP Poll -> Settings -> Integrations page.
Google reCaptcha Integration
Step 1
To start using reCAPTCHA, you need to sign up for an API key pair for your site.
The key pair consists of a site key and secret key.
The site key is used to invoke reCAPTCHA service on your site or mobile application.
The secret key authorizes communication between your application backend and the reCAPTCHA server to verify the user’s response.
The secret key needs to be kept safe for security purposes.
To create the API Key click the following link: https://www.google.com/recaptcha/admin/create.
At the reCAPTCHA type, select reCAPTCHA v2 -> “I’m not a robot” and then fill in authorized domains or package names.
After you accept terms of service, you can click SUBMIT button to get new API key pair.
Step 2
From the resulting page, copy the Site Key and the Secret Key.
The keys lets your app access enabled reCaptcha APIs.
Step 3
Go to your WordPress dashboard, on the main menu select YOP-Poll->Settings.
From the Integrations section set Use Google reCaptcha to Yes and type in the field the Site Key and Secret Key from the previous step.
Make sure to save the changes.