Tableau serverを会社仕様に変更して親近感を持たせる

スポンサーリンク
Tableau
スポンサーリンク

Tableau Serverを導入した後に真っ先にやった方がよいのは、Tableau Serverを会社カラーにすることです。

Tableau Serverはインストールしただけだと、ログイン画面、デフォルト画面はTableauカラーです。これを自社の会社のロゴ、カラーを使うことで親近感は増し、利用する心理的なハードルを少しだけ下げることができます。

 

変更するのは全部で4つ、1〜3はtabadminでコマンドが用意されているので簡単にできます。しかし、4はtabadminがないのでソースを書き換える必要があります。

  1. タブ
  2. サインインロゴ
  3. ヘッダーロゴ
  4. ヘッダー背景色

 

スポンサーリンク

タブの変更

タブの変更ではブラウザの頭にでてくる文字を変更します。これは是非とも会社名にしましょう。

 

cd D:¥Tableau¥Tableau Server¥2018.1¥bin
tabadmin customize name “Hatosuke

 

サインインロゴの変更

サインインロゴは、Tableau Serverにサインインするさいに表示されるロゴです。ここはサインインする時は全員通る画面なので、会社のロゴを設定しましょう。

 

cd D:¥Tableau¥Tableau Server¥2018.1¥bin
tabadmin customize sign_in_logo “C:¥Users¥Administrator¥Pictures¥hatosuke_logo.png

 

ヘッダーロゴの変更

ヘッダーロゴはサインインした後に左上に表示されるロゴです。ここもサインインロゴと同様に会社のロゴにすべきです。

 

cd D:¥Tableau¥Tableau Server¥2018.1¥bin
tabadmin customize header_logo “C:¥Users¥Administrator¥Pictures¥hatosuke_logo.png

 

ヘッダー背景色の変更

ヘッダーの背景色とは、サインインした後のヘッダーの背景色です。背景色は会社のカラーを出しましょう。

 

ヘッダー背景色で変更するソースはD:¥Tableau¥Tableau Server¥2018.1¥vizportalclient¥publicにある下記の3つのファイルです。

  • vizportal.js
  • vizportal.min.js
  • vizportal.css

 

Tableau Serverは3つの基本色でできています。会社カラーの基本色、基本色+薄い色、基本色+濃い色、基本色+もっと濃い色の3つをRGB表記と16進数カラーコードで用意してください。

 

ソースの変更

すべてテキストの置換で、用意した色に置き換えます。

 

vizportal.js

  • ServerBlue: ‘rgb(42, 87, 117)‘; <-会社カラーの基本色に置き換える
  • HeaderStyles.HeaderBackgroundColor = ‘rgb(42, 87, 117)‘; <-会社カラーの基本色に置き換える
  • HeaderStyles.HeaderLinkSelectedBackgroundColor = ‘rgb(28,57,77)‘;
  • <-基本色+もっと濃い色に置き換える
  • HeaderStyles.HeaderLinkHoverBackgroundColor = ‘rgb(35,74,99)‘; <-基本色+濃い色に置き換える

 

vizportal.min.js

  • ServerBlue: “rgb(42, 87, 117)“ <-会社カラーの基本色に置き換える
  • e.HeaderBackgroundColor = “rgb(42, 87, 117)“ <-会社カラーの基本色に置き換える
  • e.HeaderLinkSelectedBackgroundColor = “rgb(28,57,77)“ <-基本色+もっと濃い色に置き換える
  • e.HeaderLinkHoverBackgroundColor = “rgb(35,74,99)“ <-基本色+濃い色に置き換える

 

vizportal.css

  • #2a5775(rgb(42, 87, 117)) 4箇所 <-会社カラーの基本色に置き換える
  • #517991  2箇所 <-基本色+薄い色に置き換える

 

3つのソースを圧縮

色を変更したvizportal.js、vizportal.min.js、vizportal.cssは7-zipツールでgzとして圧縮します。その後、D:¥Tableau¥Tableau Server¥2018.1¥vizportalclient¥publicにvizportal.js、vizportal.min.js、vizportal.cssと圧縮したファイルの合計6ファイルを置き換えます。

 

画像ファイルの削除

ログイン後のヘッダー画面に紛れ込んでいる小さな画像ファイルです。0byteの空ファイルにして表示しないようにします。削除すると再起動がうまくいきません。

D:¥Tableau¥Tableau Server¥2018.1¥vizportalclient¥public¥img¥header_divider.png

 

再起動

すべての変更が終わったら、tableau serverを再起動すれば完了です。

tabadmin restart

参考サイト

301 Moved Permanently
https://community.tableau.com/thread/213644

コメント

タイトルとURLをコピーしました