商品・サービスの宣伝に便利！BOOTH風広告ウィジェットを無料で作成する方法と使い方解説【ブログサイト用ウェブツール/HTMLコード生成】
目次
※本記事はPRも含みます
はじめに
商品やサービスを宣伝したいものの、ブログやWebサイトに掲載する広告パーツを自分で作るのは難しいと感じていませんか？ そこで今回ご紹介するのは、BOOTH風広告ウィジェット作成ツールです。
BOOTH風ウィジェット作成ツールを利用商品情報を入力するだけで、ブログやWebサイトに掲載できるHTMLのウィジェットコードを作成できます。 この記事では、BOOTH風広告ウィジェット作成ツールの始め方から、入力・生成・コピー・埋め込みまで解説していきます。
【こんな方におすすめ】 ・商品やサービスをWebサイトで宣伝したい方 ・HTML広告を手軽に作成したい方 ・無料のブラウザ完結型ツールを使いたい方
始め方
1.公式ページへアクセス
まずは、BOOTH風広告ウィジェット作成ツールの公式ページへアクセスします。
BOOTH風ウィジェット作成ツールを利用本ツールはブラウザ上で動作するため、専用ソフトのインストールやサービスへの会員登録は必要ありません。 公式ページを開けば、そのまま入力画面を利用できます。
2.必要な準備
ウィジェットを作成する前に、次の情報を用意します。
・宣伝したいページのURL ・商品名またはサービス名 ・商品ジャンル ・商品画像のURL ・表示する作品価格
商品画像URLは、画像ファイルへ直接アクセスできるURLを入力する必要があります。 入力するURLや表示内容に誤りがないか、あらかじめ確認しておくと安心です。
3.初期設定または利用開始
公式ページにある入力欄へ必要な情報を入力すれば、すぐにウィジェット作成を始められます。 料金やアカウント登録が必要なサービスではなく、ブラウザ上で無料利用できます。 ただし無料な分、ツールページには広告やPRが表示されます。
使い方
1.商品情報を入力
最初に紹介するのは、ウィジェットに表示する情報の入力です。 公式ページの入力欄には、次の5項目があります。
「商品URL」には、読者がクリックしたときに移動するページのURLを入力します。 販売ページやサービス紹介ページなど、宣伝対象のページを指定してください。 「商品名」には、商品やサービスの名称を入力します。 「商品ジャンル」には、デジタルコンテンツ、Webサービス、ゲームなど、内容に合った分類を入力します。 「商品画像URL」には、ウィジェット内に表示したい画像のURLを入力します。 「作品価格」には、表示したい価格や料金を入力します。無料の場合は「無料」と入力することもできます。 入力内容は、そのまま広告ウィジェットの表示に反映されます。 特にURLの入力ミスや、外部から読み込めない画像URLを指定した場合は、リンクや画像が正しく表示されない可能性があるため注意しましょう。
2.HTMLコードを作成
次に紹介するのは、入力した情報をHTMLコードへ変換する操作です。 5項目の入力が終わったら、画面にある「ウィジェット生成」ボタンをクリックします。 すると、入力した商品情報を使ったウィジェットのHTMLコードが生成され、「完成コード」の欄に表示されます。
生成されたコードには、商品画像や商品名、ジャンル、価格、商品ページへのリンクなど、入力内容をもとにした表示情報が含まれます。 生成する前に、商品URLや商品名、価格に誤りがないか確認しておきましょう。 生成後に表示内容を変更したい場合は、入力欄を修正してから、もう一度「ウィジェット生成」を実行します。
3.ブログサイトに埋め込む
最後に紹介するのは、生成したHTMLコードをコピーして、Webサイトへ掲載する方法です。 「完成コード」の欄にコードが表示されたら、「コピー」ボタンを使って全文をコピーします。 その後、利用しているブログやWebサイトのHTML埋め込み機能を開き、コピーしたコードを貼り付けます。
貼り付け先は、HTMLコードを直接入力できる編集欄や、HTML埋め込みに対応したブロックを選んでください。 通常の文章入力欄では、HTMLがそのまま文字列として表示される場合があります。 公開前には、プレビュー画面や実際のページで、商品画像、商品名、価格、リンク先が意図したとおりに表示されるか確認しましょう。 入力したURLや画像の提供元に変更があった場合、掲載後に表示されなくなる可能性もあります。
【注意点】 ・無料サービスのため、ツールページ内に広告やPRが表示されます。 ・使用するブラウザによっては、正常に動作しない可能性があります。 ・商品画像URLが正しくない場合、画像が表示されないことがあります。 ・生成したコードを貼り付けるには、利用先のブログやWebサイトがHTML埋め込みに対応している必要があります。 ・商品やサービスの内容、価格、リンク先は、公開前に自分で確認してください。
PR
まとめ
いかがでしたか？ BOOTH風広告ウィジェット作成ツールは、商品やサービスの情報を入力するだけで、ブログやWebサイトに掲載できるHTMLコードを作成できるブラウザ完結型の無料ツールです。
1.公式ページで商品URL、商品名、商品ジャンル、商品画像URL、作品価格を入力する 2.「ウィジェット生成」をクリックして、完成したHTMLコードを作成する 3.コードをコピーし、HTML埋め込みに対応したブログやWebサイトへ貼り付ける
広告表示やブラウザによる動作制限がある点には注意が必要ですが、HTMLを一から作成せずに商品紹介パーツを用意できるのが特徴です。 宣伝したい商品やサービスがある方は、必要な情報を準備して、ツールを試してみてください。
BOOTH風ウィジェット作成ツールを利用他の記事
AIツール・開発・ビジネス関連の記事を取り扱っています。
全記事一覧 ←前の記事 次の記事→運営サービス
本サイトでは、便利ウェブツールから素材配布サイト、個人開発ゲームまで幅広く運営しております。
サービス一覧いいなと思ったら応援
以下の方法で応援を受け付けております。
noteメンシ：ゲーム開発支援所に加入
著者兼運営:ハヤデビ
長きにわたりゲームやアプリの開発・動画編集・ブログ運営等を続けている個人クリエイター
X(旧Twitter):公式アカウント