Googleサイトで作成できる5つのクールなカスタムデータダッシュボード

Googleサイトで作成できる5つのクールなカスタムデータダッシュボード

Googleサイトは、最小限の労力でWebサイトを作成および公開するための最も便利な方法の1つです。 Googleサイトで利用できるツールを使用すると、組織と生産性を向上させることができる非常に便利なパーソナルダッシュボードを実際に作成できます。





この記事では、Googleサイトを使用して、次のような非常に優れたダッシュボードを作成する方法を説明します。





  1. メールを監視する
  2. あなたのウェブサイトのパフォーマンスを分析する
  3. 時間管理システムを作成する
  4. ライブニュースで最新情報を入手
  5. お気に入りの場所を保存する

1.電子メール監視ダッシュボード

電子メールで最も厄介なことの1つは、新しい電子メールが受信トレイにいつ到着したかを知るために、ある種の電子メールクライアントが必要なことです。





Googleメールアカウントをお持ちの場合は、それがお好みのオンラインGmail受信トレイ、または デスクトップメールクライアント そこに。

しかし、Googleサイトを使用すると、実際にカスタムデータダッシュボードを作成して、すべての受信メールを1か所に表示できます。単一のダッシュボードで、その日のすべての新着メールを一目で確認できます。



マイクロソフトワードは私に読むことができます

これには、GmailをGoogleスプレッドシートに同期してから、それらのシートをGoogleサイトページに表示する必要があります。

最新の電子メールのタイムスタンプを表示する

IFTTTを使用してGmailをGoogleスプレッドシートと同期することが可能です。ただし、IFTTTを使用すると、これを実行できるのは1つのGmailアカウントのみです。これが、私が通常Zapierを利用して、複数のGmailアカウントを複数のGoogleスプレッドシートに同期する理由です。ただし、Zapierは無料ではないことに注意してください。





Zapierを使用すると、監視するGmailアカウントの入力を使用して「Zap」を作成し、新しい受信メールごとにトリガーするように選択するだけです。次に、出力としてGoogleスプレッドシートを選択します。

事前に「受信メール」というGoogleスプレッドシートを作成する必要があります。





Zapierでは、スプレッドシートを名前で選択し、その中のワークシートでメール情報を送信することができます。

この最初の例では、ダッシュボードに各アカウントを表示するウィジェットを作成します。

このようなもの:

数分ごとに、スクリプトが実行され、指定した行の2番目の列が更新されます。

したがって、MakeUseOf行を受信ボックス内の最新の電子メールのタイムスタンプで更新するには、 3行目 。次に、インポートするメールデータを選択します。

この場合、最新のメールの受信日をインポートしています。

Gmailアカウントごとに個別の「Zap」が作成されると、ダッシュボードウィジェットは次のようになります。

をクリックすると、このウィジェットをGoogleサイトのWebページ(ダッシュボード)にインポートできます。 シート入れる ページ右側のメニュー。

すべての受信メールを表示する

その日のすべての受信メールを表示するウィジェットを追加するには、同じ種類のZapを作成します。また、シートに3つの列を作成します。 名前、日付、件名

次に、Zapにシートアクションを追加するときに、同じブックを選択しますが、その電子メールアカウント用に作成したシートを選択します。

次に、インポートする電子メールデータをフィールドに入力します。

これにより、すべての新しい受信メールが新しいGoogleスプレッドシートに取り込まれます。新しいダッシュボードにウィジェットをインポートすると、ウィジェットは次のようになります。

もちろん、このシートがいっぱいになり続けるのは望ましくありません。ウィジェットの目的は、その日の受信メールを表示することです。そのため、シートにGoogle Scriptを追加して、毎日深夜にシートをクリアする必要があります。

これは非常に簡単です。 Googleスプレッドシートで、[ツール]メニューをクリックし、[スクリプトエディタ]を選択します。

'ClearAll'という新しい関数をこのスクリプトエディターに貼り付けます。

function ClearAll() {
var start, end;
var sheet = SpreadsheetApp.getActive().getSheetByName('Makeuseof');
start = 2;
end = sheet.getLastRow() - 1;//Number of last row with content
//blank rows after last row with content will not be deleted
sheet.deleteRows(start, end);
var sheet = SpreadsheetApp.getActive().getSheetByName('IAMMarketing');
start = 2;
end = sheet.getLastRow() - 1;//Number of last row with content
//blank rows after last row with content will not be deleted
sheet.deleteRows(start, end);
var sheet = SpreadsheetApp.getActive().getSheetByName('Gmail');
start = 2;
end = sheet.getLastRow() - 1;//Number of last row with content
//blank rows after last row with content will not be deleted
sheet.deleteRows(start, end);
}

「getSheetByName」セクションを、電子メールを含むシートの実際の名前で編集することをお勧めします。

このスクリプトを毎日深夜に実行するには、スクリプトエディターで、をクリックしてスクリプトを保存します。 ファイル その後 保存する。 次に、をクリックします 編集現在のプロジェクトのトリガー

イベントをに設定します 時間駆動型デイタイマー 、 と 真夜中から午前1時 。次に、をクリックします 保存する

これにより、深夜にすべてのシートがクリアされるため、毎朝、ダッシュボードは新しいシートで開始され、その日の最新の受信メールのみが表示されます。

2.ウェブサイトパフォーマンスダッシュボード

もう1つの便利なデータダッシュボードは、Webサイトを所有または運営している場合のパフォーマンス表示です。

あなたに関するデータを表示するダッシュボードを作成するには ウェブサイトのパフォーマンス 、自動的に更新される場所にそのデータが必要になります。 GoogleサイトではGoogleスプレッドシートからグラフをインポートできるため、Googleアナリティクスからデータを自動的に受信するようにGoogleスプレッドシートを設定することをお勧めします。

それはこの記事の範囲外ですが、私たちはあなたをカバーしました。これを実現するには2つの方法があります。 GoogleアナリティクスデータをメールでGoogleスプレッドシートに送信するIFTTTアプレットを設定するか、Google Core ReportingAPIを使用して独自のスプレッドシートを作成します。

レポートAPIははるかに強力で、Google AnalyticsがWebサイトに関して収集するほぼすべてのデータにアクセスできますが、学習曲線は少し急になります。

スプレッドシートがデータを受信し、トラフィックまたは人口統計をプロットするいくつかのグラフを作成したら、ダッシュボードを作成する準備が整います。

Googleサイトでは、 入れる メニューを選択して選択します チャート 。スプレッドシートを保存したGoogleドライブのスプレッドシートを参照すると、Googleサイトにそのスプレッドシートに存在するグラフを選択するオプションが表示されます。

含める各グラフをクリックしてWebサイトのダッシュボードを作成し、移動するページに配置します。

数回クリックするだけで、美しいWebパフォーマンス監視ダッシュボードが表示されます。

これらのさまざまなダッシュボードに個別のGoogleサイトは必要ありません。 個々のダッシュボードごとに、サイトにサブページを作成できます。

このように、監視したいすべてのものにアクセスするためのURLは1つだけです。

3.時間管理ダッシュボード

複数ある場合 Googleカレンダー 、カレンダーの3つの形式を表示する時間管理ダッシュボードを使用できます。 アジェンダ、週、および月

これらのビューを切り替える必要があるGoogleカレンダーとは異なり、すべてを一度に表示するGoogleサイトダッシュボードを作成できます。

さらに良いことに、すべてのGoogleアカウントのすべてのカレンダーを1つのダッシュボードに埋め込むことができます。方法は次のとおりです。

Googleサイトでは、 入れる 、 クリック カレンダー

これにより、挿入するGoogleカレンダーを選択するオプションが提供されます。

埋め込むカレンダーを選択すると、 選択を表示 、月、週、またはアジェンダから選択できます。

3つすべてでダッシュボードを作成するには、これらの1つをダッシュ​​ボードに一度に挿入するだけです。

3つの形式のすっきりとしたレイアウトを選択すると、非常に機能的な時間管理ダッシュボードが作成されます。

アジェンダビューは非常に狭いため、その横にあるウィークリーカレンダービューに簡単に合わせることができます。

次に、それらの両方の下に、より大きな月間カレンダービューを追加します。

また、ライブダッシュボードでこれらの各ウィジェットの表示モードをいつでも切り替えることができます。そのため、セットアップ後に静的ディスプレイに固執することはありません。

同じページに他のGoogleアカウントのカレンダーを含める場合は、一番下までスクロールして、さらに追加を開始します。または、Googleアカウントごとにまったく新しいサブページを作成することもできます。

ダッシュボードに選択するレイアウトは完全にあなた次第です!

4.ライブニュースダッシュボード

大量の情報を一度にストリーミングする多数のディスプレイを備えた「ミッションコントロール」パネルが必要な場合は、Googleサイトが最適なプラットフォームです。

の中に 入れる メニューをクリックします Youtube 。これにより、Webページに埋め込みたいYouTubeのビデオを見つけることができる検索フィールドが表示されます。

しかし、ほとんどのYouTubeビデオは静的であり、かなり退屈です。幸いなことに、YouTubeには埋め込むことができるライブニュースチャンネルがあります。 「ライブニュース」または「ライブ」を検索し、続いてお気に入りのニュースネットワークを検索して、それらを見つけます。

監視するすべてのライブYouTubeストリームを埋め込んだら、それぞれをクリックして再生を開始できます。

すべての動画が同じページで同時にストリーミングされます。見た目はとてもかっこよく、シャイアンマウンテンの下にあるミッションコントロールの机に座っているような気分になります。

5.Googleマップ上の場所のダッシュボード

Googleマップでリストを作成して共有できるかどうかわからない場合は、その機能を検討することをお勧めします。

これは、整理されたリスト内のお気に入りの場所をすべて追跡するのに非常に便利な方法です。

これをどのように使用してGoogleサイトダッシュボードを構築できますか?簡単。あなたがクリックすると 入れる Googleサイトのメニューをクリックし、をクリックします 地図 、というメニューオプションが表示されます マイマップ

それをクリックすると、お気に入りの場所を保存しているすべてのリストが表示されます。

リストの1つを選択すると、ダッシュボードに、保存されているすべての場所を示す地図が埋め込まれます。

これは、お気に入りのスポットをすべて1つのURLに保存するのに非常に便利な方法です。

次回、訪れたいハイキングトレイルの場所を思い出せないときは、ダッシュボードを開いて「ハイキングトレイル」マップを確認してください。

すべてのダッシュボードを切り替えるのは、横にあるドロップダウンアイコンをクリックするだけです。 、表示するダッシュボードを選択します。

このようなダッシュボードを使用して、誰かの旅程を計画し、URLを共有することもできます。

どこにいても、どのブラウザや電話からでもアクセスできます。

今すぐGoogleサイトデータダッシュボードの使用を開始

上記の例は、あなたの生活をずっと楽にする便利なダッシュボードを構築することになると、氷山の一角にすぎません。

キーボードショートカットがWindows10で機能しない

YouTubeコンテンツ、地図の場所、GoogleドキュメントやGoogleスプレッドシートからの情報などを組み込むことができるすべての方法を考えてみてください。

Googleサイトは常にされています Webページを作成する簡単な方法 、しかし、新しいGoogleサイトを使用すると、実際にこれらのような美しく便利なダッシュボードを作成できます。専用のデータダッシュボードソフトウェアは必要ありません。

共有 共有 つぶやき Eメール スピーチをアニメーション化するためのビギナーズガイド

スピーチのアニメーション化は難しい場合があります。プロジェクトにダイアログを追加する準備ができたら、プロセスを分解します。

次を読む
関連トピック
  • インターネット
  • プログラミング
  • グーグル
  • Gmail
  • Web分析
  • グーグルマップ
  • 時間管理
  • Googleサイト
著者について ライアン・デューブ(942件の記事が公開されました)

ライアンは電気工学の理学士号を取得しています。彼は自動化エンジニアリングで13年間、ITで5年間働いており、現在はアプリエンジニアです。 MakeUseOfの元編集長であり、データの視覚化に関する全国会議で講演され、全国のテレビやラジオで取り上げられました。

RyanDubeのその他の作品

ニュースレターを購読する

ニュースレターに参加して、技術的なヒント、レビュー、無料の電子書籍、限定セールを入手してください。

購読するにはここをクリックしてください