アメブロを運営するサイバーエージェント提供のブログ＆ホームページ作成サービス AmebaOwnd（アメーバオウンド）だと、無料のプランでHTMLタグの埋め込みが可能。
というわけでE2D3のグラフを使ったWebページが無料で簡単につくれるので、E2D3のグラフを埋め込む部分の設定手順です。
E2D3側での作業
Webページで使用するiframeタグを取得する
1.E2D3の埋め込みコードをコピー
- 使用するE2D3のグラグの画面で[シェアする]をクリック
- 1-2.[For blog]の枠内のコードをコピー
Ameba Owned側の作業
取得したiframeタグをAmebaOwnedのページに貼り付ける
1.AmebaOwnedでWebページを新規作成
- AmebaOwnedにアクセス
https://www.amebaownd.com/ - [無料でホームページを作成]ボタンをクリック
- URLの左側の枠に任意の文字列を入力
- URLの右側の枠で、ドメインの部分を選択
- [このURLで決定]ボタンをクリック
- (とりあえず）[ホームページを作成する]ボタンをクリック
- 好きなテンプレートを選ぶ
- 右上の[このデザインで始める]ボタンをクリック
※後で変更可能なので適当に選択
2.[HTML]ブロックを挿入し、E2D3のグラフのiframeタグを貼り付ける
- 左側の[ページ編集]をクリック
- 編集したいページをクリック
※ここでは[HOME](AmebaOwnedで作るWebページのトップページ)を選択しました
- 下にスクロースし、左下にある[HTML]ブロックをクリック
- クリックしたままE2D3のグラフを表示させたいところまで引っ張ってクリックを離す
- [コード]の枠内にコピーしたE2D3のコードを貼り付け
- [OK]ボタンをクリック
- [HTML]ブロックが追加されていることを確認
※薄い灰色の四角のみで貼り付けたコードは見えません
3.E2D3のグラフが表示されていることを確認する
- [プレビュー]ボタンをクリック
- プレビュー画面でグラフが正常に表示されていることを確認
- [ページを更新]ボタン
をクリックし、ページを保存
- [サイトを更新]ボタンを押してホームページで表示されていることを確認
