始めるセットアップアカウントの設定とアナリティクス

アカウント設定とアナリティクス

ショートカット

アカウント詳細

アカウント情報は、ダッシュボードの右上にあるプロフィールをクリックし、アカウント詳細をクリックすることでアクセスできます。ここでは、名前、メールアドレス、パスワードなどのアカウント情報を確認および管理できます。また、このページでアカウントを削除することもできます。

アカウントロゴは、アカウント詳細で指定したウェブサイトから取得されます。imgixダッシュボードで使用するロゴを設定するには、アカウント詳細で指定したウェブサイトのHTMLに以下のmetaタグを含めてください:

<meta property="og:logo" content="your_logo.png" />

プランと請求

請求の詳細は、ダッシュボードの右上にあるプロフィールをクリックし、プランと請求をクリックすることで確認できます。ここでは、請求情報やプランの種類を確認および管理できます。アカウントのメールアドレスやパスワードの更新もここで行えます。

請求に関する詳細は、請求概要の記事をご覧ください。

プランの種類を変更する

プランの種類を変更するには、プランと請求ページのプランを変更をクリックします。

ここから、希望するプランの種類を選択できます。

プランの種類を選択すると、その月の利用分に対して日割り計算された料金がカードに請求されます。翌月の初めに新しいプランの合計金額が請求されます。

プラン更新のスクリーンショット

クレジットカードの追加 / 更新

アカウントにクレジットカードを追加する方法は次の通りです。

ステップ 1

プランと請求に移動し、カードを追加をクリックします。

クレジットカード追加のスクリーンショット

ステップ 2

Stripeでクレジットカード情報を入力し、追加をクリックします。

Stripeでクレジットカード追加のスクリーンショット

「請求専用」ユーザーがいる場合、そのユーザーにこの操作を行わせることができます。会社の契約や請求書を設定するには、営業部門にお問い合わせください。

追加ユーザーの追加

会社によっては役割に基づいた異なるアクセスレベルが必要になることがあります(例:エンジニアリングや支払い担当)。必要な人数だけで設定できます。ユーザーアカウントには任意の数の権限を付与できます。imgixは以下の権限をサポートしています:

  • アカウント管理者: ユーザーの追加や変更を含むすべての権限。
  • アナリティクス: ソース別にフィルタリング可能な画像アナリティクスへのアクセス。
  • 課金: 請求情報の編集、請求書の閲覧および支払い。
  • ソース: imgix ソースの作成、閲覧、編集、デプロイ。
  • パージ: imgixのキャッシュから削除または古い画像を削除。
  • アセットマネージャー閲覧: アセットマネージャーの全コンテンツを閲覧。
  • アセットマネージャー編集: アセットマネージャー内で画像の編集やアップロード。(注: この権限にはアセットマネージャー閲覧も含まれます。)

ユーザーを追加するには:

  1. アカウントのユーザーセクションに移動します。
  2. 「Add User」ボタンをクリックし、フルネームとメールアドレスを入力します。
  3. このユーザーの権限を選択して、「Create User」をクリックします。

Screenshot-add user form

フォームを送信すると、ユーザーにはログイン情報を設定できるリンクが含まれたメールが送信されます。このリンクは24時間後に期限切れになります。

既存のユーザーを変更または削除するには、ユーザーダッシュボードに移動し、ユーザー名の右側にある設定ギアをクリックします。そこから、「Edit Permissions」または「Delete」のオプションが選択できます。自分自身以外のユーザーの変更のみ可能です。また、アカウント管理者権限がユーザーアカウントに有効である必要があります。

Screenshot-modify user

アナリティクスの理解

アナリティクスセクションでは、アカウントの使用状況統計とimgixのサービスの健全性が毎時更新され、表示されます。これを使用して、サイトまたはアプリの月間使用状況を把握できます。用語の定義については、各セクションの**(?)**アイコンをクリックするか、用語集を参照してください。

ここでは、imgixのアナリティクスと価格設定に関連するいくつかの基本概念を理解することが重要です。古い価格プランでは以下の説明と異なる場合があります。

オリジン画像 vs. レンダリング画像

オリジン画像は、サーバーまたはAmazon S3のような他のウェブホストに保存されているオリジナルの画像です。レンダリング画像(または派生画像)は、rendering apiを介してAPIパラメータが適用された後にユーザーに配信される画像です。画像の各ユニークなバリエーションはレンダリングとしてカウントされるため、ユーザーのコンテキストに応じて同じ画像を異なるパラメータで配信している場合、オリジン画像よりもレンダリングの数が多くなることが予想されます。

Screenshot-Origin images vs renders example

現在の価格設定によれば、リクエストされたオリジン画像のみに対して料金を請求し、派生画像の作成には料金を請求しません。オリジン画像のカウンターは毎月の始めにリセットされるため、オリジン画像が初めてリクエストされてカウントされるときにはスパイクが見られることがあります。

トータル帯域幅

派生画像の作成には料金を請求しませんが、一部の価格プランで最終ユーザーにそれらを配信するために必要な帯域幅(トータル帯域幅)には料金を請求します。これには、imgixのレンダリングエンジンからCDNに派生画像をリクエストしてキャッシュするための帯域幅(レンダリング帯域幅)と、CDNからユーザーに派生画像を配信するための帯域幅(CDN帯域幅)が含まれます。フェッチ帯域幅はこのページで追跡されますが、現在の価格設定では請求されません。

Screenshot-Total bandwidth example

日次 vs. 累積統計

月間使用統計を表示するために、日次合計と日別累積合計の2つのモードを提供しています。これにより、異なる粒度のレベルでの使用状況の明確な画像を持つことができます。日次統計は月を通じて使用量の急増を示すことができます(ウェブサイトの変更が使用状況にどのように影響するかを追跡するのに役立ちます)、累積統計は月の始めから終わりまでの使用状況の一般的な傾向を示します。

Screenshot-Daily vs cumulative stats example

エラー計算

私たちは、アナリティクスダッシュボードにアクション可能なエラーのみを記録したいと考えています。そのため、オリジンイメージが少なくとも一度は正常にリクエストされた場合にのみエラーが記録されます。オリジンイメージが一度も正常にレンダリングされていない場合、そのイメージは存在しないものとして扱います。

さらに、短期間に同じエラーが複数回カウントされないように重複除外を行います。例えば、ユーザーが404エラーを受け取り、その後5分間に10回リフレッシュや同じイメージのリクエストを行った場合、それは一つのエラーとしてのみ記録されます。

エラーステータスコードの詳細については、HTTPステータスコードのドキュメントを参照してください。

ビデオアナリティクス

ソースでビデオが有効になっている場合、imgixのVideo APIを使用して提供されたすべてのビデオの月間統計が表示されます。ビデオのアナリティクスは、エンコードされたトータルビデオ数、エンコードされたトータル分数、配信されたトータルビデオ数、配信されたトータル分数に分けて表示されます。

Screenshot-Video Analytics Example

ダウンロード可能なレポート

レポーティングAPIが有効になっているプレミアムアカウントの場合、レポートタブで毎日の使用状況レポートをダウンロードできます。

レポーティングタブのスクリーンショット

以下にレポートの種類と例を示します:

種類説明
cdn_logs画像のCDNへのリクエストに関する日次ログが含まれています。リファラー、ユーザーエージェント、画像ごとのキャッシュヒット/ミスなどの情報が含まれます。例のファイル

referers列とuser_agent列で、空白の値は、refererまたはuser-agentデータがimgixに送信されなかったことを示します。
image_analyticsその日にアクセスされた各オリジン画像に関する指標が含まれています。各オリジン画像URLによって生成されたリクエスト数とエラー数が含まれます。例のファイル
mild_errors画像ごとの4xxレベルのエラーに関連するデータが含まれています。例のファイル
source_analytics各ソースの累積指標が含まれています。合計オリジン画像、合計帯域幅、平均応答時間などの情報が含まれます。例のファイル

このレポートは累積的なもので、7月31日に生成されたレポートにはその月のソース分析が含まれます。7月15日に生成されたレポートには、その日までの7月のソース分析が含まれます。

その他のリソース

  • 用語集: imgixおよびコンテンツ配信に特有の用語
  • HTTPステータスコード: 画像の処理中にエラーが発生した場合に返されるステータスコードのリスト
  • ガイド: 画像に関連する業界のベストプラクティス(例:SEO、キャッシング)
  • チュートリアル: imgixを特定のユースケースで実装する方法の詳細なウォークスルー