Gigya Job Openings

Comments Plugin Demo

Skip to end of metadata
Go to start of metadata

 

See it in Action

 

Comments Add-on Demo

 

 

Read More

Developer Guide
API Reference

 

Check Out the Code

<html>
<head>
<script type="text/javascript" src="http://cdn.gigya.com/js/gigya.js?apiKey=3_mK2cmEzLkzhqe4MUrtPncxbv4wKsYAhsew0iVwhVUls3c_Jx_HLX434jAVpq5M_W"></script>
</head>
<body>
<div id="runningCodeExample" style="border: 1px solid skyblue; padding: 15px; width: 600px; display: block; height: auto;">
<p><strong>Comments Plugin Demo</strong></p>
<br>
<div id="commentsDiv"></div>
	<script type="text/javascript">
		// Optional - define templates to change graphic layout in the Comments Plugin 
		var templates= {
		  //  commentsPlugin: '<span style="color:blue;">This activates the compose box:</span><span class="gig-comments-composebox"> </span><br>' +
		  //                  '<span style="color:blue;">This is the more option(appears at the bottom):</span><span class="gig-comments-more"> </span>',
		  //  header:         '<span style="color:red;">This is the header:</span><span class="gig-comments-header-left"> </span><br>', 
		  //  comment: '<span style="color:green;">This is the username:</span> <span class="gig-comment-username" style="color:blue;"></span><br>' +
		  //              '<br><br><span style="color:green;">This is the Photo: </span><span class =gig-comment-photo style="float:right;"></span><br>'
		};
		
		var params =
		{
			// Required parameters:
			categoryID: 'Developers Public Comments',
			containerID: 'commentsDiv',
			streamID: 'foo6',
			version: 2,
			
			// Optional parameters:
			templates: templates,
			streamTitle: 'myTitle',
			deviceType: 'auto',
			cid: ''
		};
		// Load the Comments Plugin
		gigya.comments.showCommentsUI(params);
	</script>
</div>
</body>
</html>

 

Notes:

In order to make the above code work in your environment, please note:

  • 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 from 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.
  • If you are using https, be sure to further adjust the JS API url to: https://cdns.gigya.com/js/gigya.js?apikey=<Your_API_Key>.