Gigya provides a large array of features for sites and this sample site makes use of only a few of these capabilities. Some of the features that are used in this site are:
- Social Login - Social login and registration. Manages account linking between a user’s existing site account and social identities, connects to more than 20 social and identity providers, enables access to rich profile data including email addresses, provides standardized data field structure and nomenclature across identity providers.
- Share Bar plugin - The plugin displays a bar of buttons for sharing to social destinations.
- Comments plugin - The plugin displays a commenting stream.
- Reactions plugin - A one-click reaction buttons bar, allowing users to easily interact with posts or content on your site.
- Game Mechanics plugins - Social loyalty and rewards plugins, increasing site engagement and making users' experience more enjoyable.
- Activity Feed plugin - The plugin displays recent user activities in a feed stream.
- Follow Bar plugin - The plugin displays a bar of "follow" buttons, so your users can follow news and keep updated through different communications channels.
- Rating & Reviews plugins - The plugins give your customers an easy way to provide feedback on product and content across your site. The Rating & Reviews plugins are available in bottom of the About page of the site.
- Facebook Open Graph Actions - Use Gigya's API to publish Open Graph actions.
From the implementation point of view:
Gigya Plugins within a Web Page:
Within the Login & Registration Dialogs:
Plugin Implementation Code Snippets
You can take a look at each of the Gigya components' source code by hovering over the component that you wish to examine and clicking 'Get Code', or click on 'Docs' to open a link to Gigya's documentation on the relevant plugin.
Once you click 'Get Code', a window will open containing the code that implements the hovered plugin. From there you can grab the code and paste it onto your website, and also fiddle with the parameters and examine the various options available for the plugin, along with the information available in the plugin's documentation page.
Putting Plugin Data to Use
Once you have placed one of Gigya's social plugins on your website, it starts to accumulate data in relation to the use of that plugin.
That data can later on be viewed in the reports section of your administrator console, and can also be retrieved via code and used to preform logical actions on your site.
For example, the following code demonstrates how to retrieve the reactions plugin's counters from the demo site's recipe page, and prompt the visiting user to recommend the recipe.
Click on 'Run Code' to see it in action.
In order to make this code work in your environment, please:
- Click the "view source" icon (link located above code on the right hand side) - This will open a popup window with a text version of the code, which you may copy.
- The API key in the sample will only work on http://localhost/...
- To load the page from your domain, modify the value of the "APIKey" field in the code to your own Gigya API Key. A Gigya API Key can be obtained on the Site Dashboard page on Gigya's website. Please make sure that the domain from which you are loading the page is the same domain name that you used for generating the API Key.
Demo Site Signals
The demo site implements Gigya's signals service. Counters are held for the following activities:
- Page views - created automatically by Gigya and holds the total number of pages viewed on the site by default.
- Individual page views - registered through the console and counts page views per every registered path.
- Get code clicks - custom counter implemented via the registerCounters and incrementCounters API, which counts clicks on the 'Get code' buttons of the Gigya plugins on the page.
- Docs clicks - custom counter implemented via the registerCounters and incrementCounters API, which counts clicks on the 'docs' buttons of the Gigya plugins on the page.
Installing the Site on Your Own Host
In order to run the Daily Recipe site on your local environment, go to the site's implementation guide and follow the instructions on the installation section.
Learn about the Demo site implementation. Examine how Gigya's Social Login is implemented within the site. Dive into the structure of the source files and folders that constitute this site, emphasizing the Gigya related parts within these source files.