ظهور خطأ عند تسجيل الدخول باستخدام google

السلام عليكم ..

يظهر خطأ عند اضافة الزر الخاص بتسجيل الدخول لقوقل 

<meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <script src="https://apis.google.com/js/platform.js" async defer></script>
    <meta name="google-signin-client_id" content="743547246544-mvd9309107489q6iet8rbbhiu3irl7k9.apps.googleusercontent.com">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="stylesheet" type="text/css" href="../css/intlTelInput.css">
    <link rel="stylesheet" href="./lib/font-icons/css/all.css">
    <script src="./lib/jquery.min.js"></script>
    <link rel="stylesheet" href="./lib/bootstrap-5.1.0-dist/css/bootstrap.min.css">
    <script src="/lib/bootstrap-5.1.0-dist/js/bootstrap.bundle.min.js"></script>
    <link rel="stylesheet" href="../css/index1.css">


<div class="g-signin2" data-onsuccess="onSignIn"></div>

<a href="#" onclick="signOut();">Sign out</a>



<script>
    function signOut() {
      var auth2 = gapi.auth2.getAuthInstance();
      auth2.signOut().then(function () {
        console.log('User signed out.');
      });
    }
  </script>
  
  
  <script>
      function onSignIn(googleUser) {
          var profile = googleUser.getBasicProfile();
          console.log('ID: ' + profile.getId()); 
          console.log('Name: ' + profile.getName());
          console.log('Image URL: ' + profile.getImageUrl());
          console.log('Email: ' + profile.getEmail()); 
        
        // error : error: 'idpiframe_initialization_failed', details: 'You have created a new client application that use…i/web/guides/gis-migration) for more information.'}
        }
        
  </script>