!エンジニア人生を楽しみたい!仕事や趣味で学んだ技術的なことを書いていくブログです。SendGridTweet珍しく釣りっぽいタイトルを付けてしまったのですが、実際にできたので嘘ではありません(^^;よくWebサイト上でフワッと表示されるウィジェット(問合せフォームやメール購読、プロモーション、チャット...etc)をみかけますが、これを簡単に設置できるgetsitecontrolというサービスがあります。getsitecontrol.com発行されたJavaScriptをWebサイトに埋め込んでおくだけで、色々な種類のウィジェットを設置できます。どのページで表示するか、表示する条件となるアクセス元の端末・ブラウザ・OSなども設定できる優れものです。getsitecontrolのinterationにSendGridがあり、メール購読フォームの設置+マーケティングキャンペーン機能の宛先リストへの登録が簡単にできたので紹介します。free」のボタンでサインアップします。アカウント名とパスワードを決めて、ウィジェットを設置するWebサイトのURLを入れます。JavaScriptのコードが生成されるので、WebサイトのHTMLを開いてbodyタグの末端に入れます。私はこのはてなブログで試しました。bodyタグの末端に定義する方法がわからず、とりあえずデザインのフッタに入れました。Code」ボタンで検証できます。コードの埋め込みに成功していると以下の画面となって準備完了となります。メール購読フォームを作成するでは早速メール購読フォームを作ってみます。Widget」を押します。プルダウンメニューはこんな感じです。ここでは「Subscribe」を選択します。ウィジェットのデザイン画面が表示されます。柔軟に変えられそうです。今回はデフォルトのまま、Webサイトの下端にフォームが表示されるもので進めました。ウィジェットのデザインを決めたら「Integrations」で連携先を設定します。SendGridを選びます。Connectionを押すと、SendGridのAPIキーを入力するダイアログが表示されるので、APIキーを入力します。すると、SendGridのマーケティングキャンペーン機能にある宛先リストが表示されるので、いずれか選択します。UIに組み込まれているのがいいですね。最後にウィジェットを「Activate」にして有効化します。動作確認ブログを開くと、ウィジェットがヌルっと表示されました!メアドを入れます(このキャプチャのメアドは存在しません)SendGridの宛先リストを確認すると...入ってます!簡単すぎる...!ウィジェットのデザインはgetsitecontrol側でするだけで、Webサイト側には手を加える必要がありません。(補足)英語ですが、今回と同じような内容が以下でまとまっていました。Appsの処理フローを紹介しました。ヶ月)長らくC#屋でした。EEを触ることになりました。Web開発も初めてです。日々の勉強メモとしてブログ作成。デビュー当時から堀北真希さんを愛するエンジニアです。現在は乃木坂46が大好きです。(15)にほんブログ村にほんブログ村はてなブログをはじめよう!kikutaro777さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。