title: Got origin_mismatch error in Google+ share api
body: <p>I want to share some dynamic content on google+. For this I checked it <a href="https://developers.google.com/+/web/share/interactive#rendering_the_button_with_javascript">https://developers.google.com/+/web/share/interactive#rendering_the_button_with_javascript</a></p>
  
  <pre><code>&lt;head&gt;
  &lt;script type="text/javascript"&gt;
    (function() {
     var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
     po.src = 'https://apis.google.com/js/client:plusone.js';
     var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
   })();
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;button
    class="g-interactivepost"
    data-contenturl="http://www.pubandbar-network.co.uk/" 
    data-clientid="102180630313.apps.googleusercontent.com"
    data-cookiepolicy="single_host_origin"&gt;  Share 
  &lt;/button&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p>But when executing I am getting this error</p>
  
  <pre><code>Error: origin_mismatch
  Request Details
  
      scope=https://www.googleapis.com/auth/plus.login
      response_type=code token id_token gsession
      access_type=online
      redirect_uri=postmessage
      cookie_policy=single_host_origin
      proxy=oauth2relay554026710
      origin=http://www.pubandbar-network.co.uk
      state=1995523240|0.4607792083184853
      display=page
      client_id=102180630313.apps.googleusercontent.com
      authuser=0
  </code></pre>
  
  <p>Please suggest how to fix this</p>