• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

Google+ Login Button

xelfboy

Neues Mitglied
Liebe Community,

ich habe auf meiner Wordpress-Seite die Funktion eingebunden, sich mit seinem Google+ Account einloggen zu können.
Hat auch alles super funktioniert. Jedoch habe ich den Button jetzt noch auf einer zweiten Seite eingebunden, und dieser funktioniert hingegen leider nicht, obwohl ich genau den gleichen Code verwendet habe. (Der erste Button funktioniert nach wie vor).

Es scheint, als würde das Javascript nur für einen Button funktionieren, denn als ich den ersten Button einmal testweise entfernt habe, hat der zweite funktioniert.

Hier einmal das Javascript, CSS und wie ich es auf die Seite eingebunden habe:

<script type="text/javascript">
(function() {
var po = document.createElement('script');
po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/client:plusone.js?onload=render';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();

function render() {
gapi.signin.render('customBtn', {
//'callback': 'signinCallback',
'clientid': xxxxxxxxxxx.apps.googleusercontent.com',
'cookiepolicy': 'single_host_origin',
'requestvisibleactions': 'http://schemas.google.com/AddActivity',
'scope': 'https://www.googleapis.com/auth/plus.login'
});
}
</script>
<style type="text/css">
#customBtn {
position:relative;
background: #cc3732;
color: white;
border-radius: 3px;
padding: 0.2em 0.6em 0.1em 0.7em;
}
#customBtn:hover {
background: #e74b37;
cursor: pointer;
}
span.label {
font-weight: bold;
}
span.icon {
display: inline-block;
vertical-align: middle;
width: 30px;
height: 30px;
}
span.buttonText {
display: inline-block;
vertical-align: middle;
padding-left: 40px;
padding-right: 40px;
}
</style>
Und so siehts auf den beiden Unterseiten aus:

<?php } ?>
<div class="button-wrap left">
<div id="customBtn" class="button customGPlusSignIn" title="Mit Google+ anmelden"><center><span style="font-size:18px; text-decoration:bold;"><i class="fa fa-google-plus"></i></span></center>
</div>

</div>
Ich bin für jede Antwort dankbar!
-xelfboy
 
Zurück
Oben