Google REcaptcha ne montrant pas

J'ai la suite dans ma <body>

<div class="g-recaptcha" data-sitekey="some-key (original is right)">

et cela sur mon <head>

<script src="//www.google.com/recaptcha/api.js"></script>

mais rien n'est montré, que ce soit sur firefox ou chrome... Est-ce un problème connu?

est-il des erreurs de script dans la console?

OriginalL'auteur Fane | 2015-06-14

  1. 5

    assurez-vous que <script src="//www.google.com/recaptcha/api.js"></script> est la dernière chose avant la fermeture de la balise head.
    Qui fixe même problème pour moi

    OriginalL'auteur Andrei

  2. 4

    Vient de frapper cet obstacle, et dans mon cas, c'était dû à AngularJS. Il n'est pas limité à Angulaires, de toute bibliothèque qui lie les éléments après chargement de la page peut provoquer le Google reCAPTCHA pour ne pas apparaître comme l'élément n'existe tout simplement pas le temps de Google code est exécuté.

    Pour résoudre ce problème, effectuez d'abord le rendre explicite et de fournir une fonction à exécuter lorsque le reCAPTCHA charges:

    <script src='https://www.google.com/recaptcha/api.js?onload=recaptchaOnload&render=explicit' async defer></script>

    Maintenant, ajoutez un ID unique pour le conteneur, par exemple

    <div id="recaptcha" class="g-recaptcha" data-sitekey="site key here"></div>

    Puis dans la fonction personnalisée d'attente pour l'élément existent réellement:

    var _captchaTries = 0;
function recaptchaOnload() {
    _captchaTries++;
    if (_captchaTries > 9)
        return;
    if ($('.g-recaptcha').length > 0) {
        grecaptcha.render("recaptcha", {
            sitekey: 'site key here',
            callback: function() {
                console.log('recaptcha callback');
            }
        });
        return;
    }
    window.setTimeout(recaptchaOnload, 1000);
}

    Cela va continuer à essayer pendant 10 secondes, jusqu'à ce qu'il trouve l'élément, puis afficher le reCAPTCHA.

    OriginalL'auteur Shadow Wizard

  3. -1

    Assurez-vous que vous n'avez pas de bloqueurs de contenu activé dans votre navigateur, par exemple Ad-Block Plus ou uBlock origine.

    Désactiver ces, actualisez la page et de le soumettre à nouveau le formulaire.

    OriginalL'auteur crmpicco

  4. -1

    Le problème que j'ai eu était que c'était de montrer la plupart du temps, mais parfois il ne serait pas et je dois envoyer le formulaire (et déclencher la validation) pour qu'elle présente. L'ajout de ?render=explicit à la balise de script fixe pour moi.

    <script src="https://www.google.com/recaptcha/api.js?render=explicit" async defer></script>

    https://developers.google.com/recaptcha/docs/display#explicit_render

    OriginalL'auteur woolm110

  5. -3

    J'ai juste eu cette sur un système qui a plus strictes les paramètres du navigateur.

    L'ajout de *.gstatic.com à la liste de confiance résolu

    J'ai aussi ajouté *.google.com et *.google-analytics.com

    Espère que ça aide quelqu'un

    OriginalL'auteur DTM

  6. -4

    Changement:

    <script src="//www.google.com/recaptcha/api.js"></script>

    :

    <script src="https://www.google.com/recaptcha/api.js" async defer></script>

    Je ne sais pas si c'est juste une faute de frappe, si elle n'est pas, en ajoutant le https: serait certainement résoudre votre problème.

    adding the https: would definitely solve your problem Il n'y a pas vraiment à ce sujet; //www.google.com/... est un protocole URL relative. Si @Fane du document a été diffusé à partir d'un https source, il serait identique.

    OriginalL'auteur panda.o24