💻
Ameba Owndへの埋め込み方法
このページでは、bookrunで作成したブックボードをAmeba Owndに埋め込む方法について説明します。
bookrun・Ameba Owndのどちらもご利用いただいている場合、bookrunで作成したブックボードをAmeba Owndに埋め込むことが可能です。
ブックボードの埋め込み方法
フォームをWebページ上で表示するためには、まず、bookrunのiframe埋め込みの設定画面より、「フォームの埋め込み先URL」の箇所に公開されるページのURLを入力します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/68fe77ec-1cb2-46d3-ab69-68c6ffd99136/3683c404a0225618ff1841b45dadff79.png)
Ameba Owndでのブックボード埋め込み方法は以下の2つの方法があります。
①ブックボードのURLを埋め込む
②ブックボードのスクリプトを埋め込む
①ブックボードのURLを埋め込む
1.Ameba Owndのダッシュボード画面から「ページ編集」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/93354bf5-a1b3-4576-bc94-92a57c79fb3f/819d358e12204ba833cd9ac5038e2d46.jpg)
2.「ページの追加」から「リンク」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/b05d3d1a-5d14-4c60-bcd3-64fc1946866c/06fb1fdc94b87bac0d4c6be59930f1a4.png)
3.以下①②③を入力します。
①リンクの名前を入力します。
②公開ページURLを入力します。
③ ①②を入力後、クリックします。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/9b3abdd1-c517-4cbf-a848-a6349eb09cde/07f5beecda1fb2cebaeba2909d81f710.png)
ブックボードのURLを埋め込む場合の設定は以上です。
以下がブックボードの公開画面になります。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/3e5ebde5-9c58-4eb2-a44a-33d1baa27b96/b1a598ce07dbb00de7704a7c6935a385.png)
ブックボードのスクリプトを埋め込む方法
1.Ameba Owndのダッシュボード画面から「ページ編集」を選択します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/2a709c9d-6991-4d81-a93f-e6db438fb082/819d358e12204ba833cd9ac5038e2d46.jpg)
2.「HTML」のブロックを選択し、「ブロックを追加」に「HTML」を追加します。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/aa1cd3d9-ffcd-4dba-8b79-2cda4be6f392/04e52dfe40ed016f484aaaa7d877eda1.png)
3.「コード」にbookrunで作成したブックボードのスクリプトを貼り付けます。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/d0e00c6a-4e0e-4874-bfc5-b83c99522a42/55f824b1e2123dc461430909683c85e0.png)
4.「OK」ボタンをクリックすることで、bookrunで作成したブックボードを自身のホームページに埋め込み、公開画面に表示することができます。
ブックボードのURLを埋め込む場合の設定は以上です。
![](https://s3.ap-northeast-1.amazonaws.com/wraptas-prod/bookrun-faq/2c5408a0-db9a-4980-b4c5-83db5f204c0e/7d73630fab3e656c4e2fadba7a90c067.png)