Googleサイトで作るグループウェア（32）ーアカウントの切り替えふたたびー

2023年3月14日 11:21

この記事を読んで欲しい方

Googleワークスペースを企業DXに導入したが、上手く広げられていない方
Googleワークスペースを導入しようと考えてる中小企業の方
無料のGmailやクラウドアプリだけ使っているテレワーカー
GIGAスクールなどでGoogle for Eduを導入している学校

①正式なGoogleアカウント切替を行う

以前の投稿では、強制ログアウトを発動させて、アカウントを切り替える様な利用方法になっていましたが、今回は正式なアカウント切替に対応します。

まず、小窓が開くアイコン方式で作成します。
Googleサイトを編集モードにして、挿入＞埋め込む＞埋め込みコードに、下記のHTMLプログラムを挿入します。

<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<style type="text/css">
body {
  font-family: sans-serif;
}
body::-webkit-scrollbar {
  display: none;
}
a {
  text-decoration: none;
}
</style>
</head>
<body>
<a href="javascript:void(0)" onclick="window.open('https://myaccount.google.com/','_blank','width=420,height=667,top=0,left=0,scrollbars=no');return false;">
<center>
<font size="4" color="#FFFFFF">👤</font>
</center>
</a>
</body>
</html>

アカウントアイコンは、クラウドトップのその他の機能ページに設置してあります。（ログアウトは絵文字を🔽に変更しました）

②アカウントの切替の実行

アカウントをクリックすると、小窓が開き、アカウント画面が出てきます。
iPadではタブで開き、自分がログインしているGoogleアカウントの確認ができます。

自分のアカウントマークをクリックすると、更に小窓が出てきて、ログアウトを促されます。ここで、複数のアカウントを登録していれば、切り替えることが出来ます。

③おわりに

今回のアカウント切替は、まず自分のアカウントを確認した上で、アカウントを切り替えるか、ログアウトするかの選択という正式な流れになります。
iPadでもPCと同様な動きで、アカウントの切替が可能です。

この記事が気に入ったらサポートをしてみませんか？