送信するメールのfromアドレスとなるメールアドレスを記載これだけでSendGridとの連携が完了します。「テストメールを送信」をクリックすると以下のようなメールが配信され、SendGridとの連携ができたことが確認できます。送信するメールを設定します。諸々設定し、メールを送信すると、Mautic側で一斉に何通送信するか指定する画面が表示されます。一斉に配信する数を指定して「送信」すると、完了/失敗のメッセージが表示されます。受信したメールはこんな感じ。ウェーイ!!受信したメールのソースを見るとMauticからSendGrid経由でメールが送られていることを確認できます。トラッキング結果Mauticの管理画面上では確実にトラッキング含めた結果を確認できます。※今回のテストメール内にURLを設置していないのでトラッキング履歴は残っていません。SendGridの画面も見てみましょう。SendGrid側でもメールが送信されたこと、送られたメールが開封されたことを確認できます。(Activity画面で確認できます。)これでMautic×SendGrid連携が完了しました。今回のブログを書く上でこちらのブログ、記事を参考にさせていただきました。SHIFTER気になるなーwww.mau.tips公式www.mautic.orgまとめSendGridを使うことで安定したメール配信ができ、メール配信の点で他チームとの連携もしていけそうです。CloudのFreeプランではSendGridとの連携(というかメール送信に利用するサービスの指定)ができませんでした。個別で依頼すればできるのかな。次回以降、SendGridのマーケティングキャンペーン機能ともうまく連携できないか見ていきたいと思います。bitnamiで資料ダウンロードフォームを作ってみたこんにちは。忘年会シーズンで飲み続けているぎょり(@Nagafuchik)です。良い立ち飲み屋を教えてください。2016、18日目の記事です。qiita.com今流行の!Mauticを立ち上げてみたいと思いつつ、手を付けないまま時が過ぎすぎていたのでこの機会にやります。やってみた結果わからんことだらけだったのでぜひコメントをお待ちしています。Automationサービスです。MAのオープンソースソフトウェアはMauticだけだとかなんとか。Mauticを使うには、サーバーを用意してMauticをインストールするだけ!でとても簡単です。Lightsailにインストールする、など様々な方法があります。Cloud」というサービスを提供していますのでこちらがオススメです。制限はありますが、Freeプランもあるのでテストや小規模ユースにはこちらで十分かと思います。mautic.combitnamiチャレンジMaucit環境を構築する様座な方法がある中、私は今回、まだ触ったことのないけど気になっていたbitnamiを使ってみたいとおもい、bitnami+EC2で構築しました。bitnamiはさまざまなソフトウェアをすぐに立ち上げることができるサービスです。WordPressやDrupalのようなCMSで使われていることが多いようです。ミドルウェアよくわかんな〜い、みたいなときに重宝します。PlatformやAzureを使って作ることも可能です。使い方は自身が持っているアカウントと紐付ければ良いだけ。bitnami.comでは、細かい設定方法を記します。検索すると以下のページに進めます。CLOUD」を選択すると、bitnamiで利用できるクラウドプラットフォームの選択画面が表示されます。Services」のアイコンをクリックします。AWSのマネコンよりもずいぶんとわかりやすい画面が表示されます。使うAWSアカウントを選んだり、名前をつけたり、ディスク容量を選んだり、Regionを選んだりします。さぁ、ココで気づいてしまいました。Typeがm3.medium以上からしか選べない!!!t系がいない!!!これは痛い..いたいけどもうココまできたら引き下がれなかったのでこのまま作っちゃいました。テスト中であればstopすりゃええし。大丈夫大丈夫と言い聞かせてm3.mediumで構築しました。(※bitnamiのdocumentにそのあたりはちゃんと記載してあります。APPLICATION」をクリックすれば、自分のMautic環境にアクセス出来ます。bitnamiから自動的に払い出される「CREDENTIALS」の情報を入力してMautic環境にログイン。ログインできたらまずは設定。自身のユーザー名や言語を変更します。様々な言語に対応していてMauticのすごさを感じます。Mauticには様々な機能があります(※詳しくはココ)が、とりあえず他との連携がなくても使える機能を試してみよう、ということで「フォームに必要情報を入力」させて資料をダウンロードするページを作ってみました。フォーム生成と資料ダウンロードページの作成ダウンロードアセットの設定まず、ダウンロードさせる資料(アセット)を設定します。アセットをクリックし、右上の「+新規」ボタンからアセットを登録します。今回は自身の登壇資料をダウンロードさせることにして、PDFファイルをアップロードしてみました。おや・・容量がでかすぎてアップロードできません。(まぁでかいファイルをどんどんアップロードされちゃたまったもんじゃない)また、資料の形式も指定することができるのは便利です。ファイルはMauticのローカル環境でも、外部ストレージ環境でも設定できるようです。今回はローカルに保存しました。(今度boxで試してみます。)どのあたりで活用していけるかまだわかっていませんが、管理用にいるだろう、と思いカテゴリも設定しておきました。これだけでアセットの設定は完了です。次に、資料ダウンロードのための情報を入力してもらうためのフォームを作成します。進むと以下のような画面が表示されます。フォームを生成する際にはキャンペーンと連携することがケースとしては多いでしょう。スタンドアローンを使うポイントについてdocumentにも書いてありましたが私は使うタイミングが思いつきませんでした。おしえてえらいひと!ということでキャンペーンフォームを作成します。フォームの基本を設定します。フォームの名称や、フォームに情報を入力した後のアクションを選択することができます。youページや、ダウンロードアセットではない特定LPページに誘導したいときには「リダイレクトURL」を設定します。ここで自分のテストではわからなかったことがあります。このブログの後に続くのですが、ダウンロードアセットを指定したときにリダイレクトURLは有効になりませんでした。特定URL等が指定できるのか、知りたいです。ご存知の方、教えてください。bitnamiでは以下にhttpd.confがありました。Headerあたりを修正してみたもののうまく行かず。悩んでいます(12/24追記しました)/opt/bitnami/apache2/conf/httpd.conf次にフォームに入力してもらう項目、フィールドを生成します。フォームに入れてもらいたい情報をどんどんフィールドに追加していきます。フォーム画面で表示させる項目名をテキストラベルに設定します。その項目がどの値に紐づくか、をコンタクトフィールドで設定します。ちなみにテキストラベルとマッチさせるフィールドの項目名に類似のものを記載すると自動的にマッチフィールドを設定してくれます。日本語と英語だと難しいけど、フォームの項目自体を英語にしてしまうと余計な手間が省けて便利です。次に、フォーム入力後に資料ダウンロードさせるアクションを設定します。そんなこんなで出来上がると、自動的にフォーム用のhtmlを生成してくれます。デザイン力のない私はほぼそのままhtmlをS3にぶち込み、できたフォームがこちら。※このフォームに入力いただいた情報を企業で流用することはありませぬ!!その証拠にこのMautic環境は12月末で削除します。感想いやーMA触りたいと思いつつ価格面と企業じゃないとなぁというのがMauticで解決できそうです。自身でも触って試して見れる。次は連携するところを試してみたいと思います。