5

google+signinを使用するようにウェブサイトをセットアップしました。

ログイン用に、グーグルは多かれ少なかれ素晴らしい、翻訳されたログインボタンを提供します。

コード

<span id="signinButton">
  <span
    class="g-signin"
    data-callback="signinCallback"
    data-clientid="CLIENT_ID"
    data-cookiepolicy="single_host_origin"
    data-requestvisibleactions="http://schemas.google.com/AddActivity"
    data-scope="https://www.googleapis.com/auth/plus.login">
  </span>
</span>

は次のように展開されます:

ここに画像の説明を入力

Google のデベロッパー ポリシーに従うには、アプリはアプリとアカウント間の関連付けを削除する方法を提供する必要があります。(From: Google アカウントのログアウトとリダイレクト)

実装は簡単ですが、私が理解している限り、Google は (スタイル化/設計された) 切断ボタンを提供していません。それとも私はそれを逃しましたか？ログインボタンに似ているはずです。

4

2 に答える 2

4

ポリシーに従うには、ユーザーが自分の情報とアカウントへのアプリのアクセスを取り消す方法を提供する必要があります。これは、ログアウトとは異なります。

その切断とアクセスの取り消しを提供する方法を参照してください

ユーザーが切断した後、条件で必要なクリーンアップ手順を実行します。

ドキュメントの jQuery を使用する例を次に示します。アクセス トークンがグローバル変数に保存されていることを前提としていますaccess_token。

<script type="text/javascript">
function disconnectUser(access_token) {
  var revokeUrl = 'https://accounts.google.com/o/oauth2/revoke?token=' +
      access_token;

  // Perform an asynchronous GET request.
  $.ajax({
    type: 'GET',
    url: revokeUrl,
    async: false,
    contentType: "application/json",
    dataType: 'jsonp',
    success: function(nullResponse) {
      // Do something now that user is disconnected

      // Start account clean up
    },
    error: function(e) {
      // Handle the error
      // console.log(e);
      // You could point users to manually disconnect if unsuccessful
      // https://plus.google.com/apps
    }
  });
}
// Could trigger the disconnect on a button click
$('#revokeButton').click(disconnectUser);
</script>
<button id="revokeButton">Disconnect</button>

編集：

切断ボタンの外観をサインイン ボタンの外観に合わせてカスタマイズするのに役立つリソースが必要な場合は、 Google+ プラットフォームのブランディング ガイドラインページで提供されているリソースを使用できます。そのページで、サイトの切断ボタンを作成するために使用できる PhotoShop ソース ファイルをダウンロードできます。ブランディングのガイドラインに準拠するには、そのページの指示に従う必要があります。

サイトが切断オプションをどのように選択するかは、設計者次第です。切断リンクを好むサイトもあれば、ボタンを使用するサイトもあるかもしれません。デザインはあなた次第です。

于 2013-02-27T17:49:16.183 に答える
1

参考までに、彼らの規則では、ユーザーがアクセスを取り消す方法を提供する必要があると言っていますが、ユーザーが簡単にアクセスできるようにする必要はありません。ほとんどのサイトでは、接続を切断する機能をユーザー設定メニューのどこかに隠し、テキスト リンクのままにしておく傾向があります。ユーザーが簡単に切断して永遠に離れてしまうのは本当に望ましくありません。

それでもボタンを使いたくない場合は、ここで CSS ソリューションを ご覧ください https://developers.google.com/+/web/signin/#customizing_the_sign-in_button

必要に応じてカスタマイズします。幸運を！

于 2013-04-02T07:42:22.153 に答える