
<p>
  Gigya provides social share feature, include facebook, google plus's share,
  comment and tons of other features to engage your website and the user.
</p>
<p>
  <a
    href="http://www.gigya.com/products/add-ons/social-engagement/"
    target="_blank"
    >http://www.gigya.com/products/add-ons/social-engagement/</a
  >&nbsp;
</p>
<p>
  This blog shows very simple way to imprement this, first you need to go to
  gigya.com to register and get a account.
</p>
<p>
  Once you get a account, following is simple code written by jade to add
  comment area.
</p>
<p>
  <img
    class="img-responsive"
    src="https://d1p0mp3f1fx0hz.cloudfront.net/_h0fq3t53b.png"
    alt=""
  />
</p>
<p>&nbsp;</p>
<h3>Gigya comment module written in jade</h3>
<pre><code class="language-javascript"> 
	.container
		#commentsArea
	script(type='text/javascript').
		var params ={
		categoryID: 'technology',
		streamID: window.location.pathname,
		version: 2,
		containerID: 'commentsArea',
		cid:'',
		enabledShareProviders: 'facebook,twitter,yahoo,linkedin,googleplus'
		}
		gigya.comments.showCommentsUI(params);

</code></pre>
<h3>Gigya comment module written in javascript</h3>
<pre><code class="language-javascript">
&lt;div class="container"&gt;
      &lt;div id="commentsArea"&gt;&lt;/div&gt;
    &lt;/div&gt;
    &lt;script type="text/javascript"&gt;
      var params ={
      categoryID: 'technology',
      streamID: window.location.pathname,
      version: 2,
      containerID: 'commentsArea',
      cid:'',
      enabledShareProviders: 'facebook,twitter,yahoo,linkedin,googleplus'
      }
      gigya.comments.showCommentsUI(params);
      
      
    &lt;/script&gt;
</code></pre>
<h3>Gigya shared module written in jade</h3>
<pre><code class="language-javascript">
	script(type='text/javascript').
		var act = new gigya.socialize.UserAction();
		var thisUrl = window.location.href;
		var imageSrc = $("img.img-responsive")[0] || '';
		act.setTitle($("header h1").text());
		act.setLinkBack(thisUrl);
		act.addMediaItem({ type: 'image', src: imageSrc, href: thisUrl });
		var showShareBarUI_params=
		{
		containerID: 'shareDiv',
		shareButtons: 'Facebook-Like,Twitter-Tweet,googleplus-share,LinkedIn',
		userAction: act
		}
	script(type='text/javascript').
		gigya.socialize.showShareBarUI(showShareBarUI_params);
</code></pre>
<h3>Gigya shared module written in javascript</h3>
<pre><code class="language-javascript">
  &lt;script type="text/javascript"&gt;
      var act = new gigya.socialize.UserAction();
      var thisUrl = window.location.href;
      var imageSrc = $("img.img-responsive")[0] || '';
      act.setTitle($("header h1").text());
      act.setLinkBack(thisUrl);
      act.addMediaItem({ type: 'image', src: imageSrc, href: thisUrl });
      var showShareBarUI_params=
      {
      containerID: 'shareDiv',
      shareButtons: 'Facebook-Like,Twitter-Tweet,googleplus-share,LinkedIn',
      userAction: act
      }
    &lt;/script&gt;
    &lt;script type="text/javascript"&gt;gigya.socialize.showShareBarUI(showShareBarUI_params);&lt;/script&gt;<br /><br />
</code></pre>
<p>Reference</p>
<p>
  <a
    href="http://developers.gigya.com/display/GD/Gigya%27s+Documentation"
    target="_blank"
    >gigya documents</a
  >
</p>


Category gigya

How to Use gigya to Share and Comments