• HTML
    【WEB制作の基本】これだけは抑えておくべきHTMLタグ21個
    2016年12月20日
  • CSS
    【WEBデザインの基本】これだけは抑えておくべきCSSコード20個
    2016年12月21日
  • YouTube
    効果的なYouTube再生リストの作り方【自分専用の再生リストを活用して他人の動画からアクセスを奪い取れ】
    2016年2月4日
  • Photoshop
    Photoshopのクリッピングマスクを使ってブログのプロフィール写真をオシャレにする方法
    2017年3月20日
  • Googleアナリティクス
    【Googleアナリティクス講座】アクセスの流入元をGoogleアナリティクス上に反映させるただ一つの方法を徹底解説!
    2016年7月3日
  • YouTube
    【2017年版】MacのiMovieで結婚式のエンドロール風テキスト動画を超簡単に作成する方法
    2016年1月5日
  • ワードプレスお悩み解決
    【ワードプレスお悩み解決】スマホで見た時になぜか画像が表示されない時の主な原因3つ
    2016年4月18日
  • YouTube
    【YouTubeの広告って簡単に消せるの知ってた?】合法的にYouTubeの広告を消す方法をこっそり教えます
    2016年6月21日
  • アドラー心理学
    【永久保存版】岸見一郎著『嫌われる勇気』を5分で理解するため”要点ポイント”を徹底解説!
    2016年10月22日
  • CSS
    【STORKカスタマイズ】通常のヘッダーメニューをLIG風の追従型ヘッダーメニューに修正する方法
    2017年3月26日
  • WEBライティング
    【ブロガー・編集者必見】ブログの文章の書き方に迷ったらまずは「新しい文章力の教室」を読むべし!
    2016年10月23日
  • 週末起業
    「ホリエモン商売4原則」に学ぶ!週末起業を成功させる3つのポイント
    2016年10月10日
  • YouTube
    元ユーチューバー(YouTubeアフィリエイター)が総再生回数1万回以下のチャンネルに広告配信禁止で考えること
    2017年4月9日
  • マーケティング
    【マーケティング用語解説】AIDMAの法則(購買行動)をマーケティング初心者にも分かりやすく徹底解説!
    2016年10月16日
  • YouTube
    【まるで教科書】初心者でもYouTubeで月収10万円稼ぐための道のり5STEP!【教材買わなくてもこれでOK!】
    2016年5月5日
  • Facebook
    【Facebook自動いいね投稿ツール】Facebookの投稿に自動でいいね!を押してくれる無料ツールがとにかく便利すぎる件
    2016年6月20日
  • Googleアナリティクス
    【Googleアナリティクス講座】Googleアナリティクスでデータを抑えておくべき項目10選【サイト分析はこれだけ見ておけばOK!】
    2016年8月23日
  • 週末起業
    【2017年版】今からやるならコレ!人気の副業・週末起業ネタ7選
    2016年10月12日

こんにちは、WEBマーケッター山田祐輔です。

今回は、「MyASP(マイスピー)」のメルマガ登録フォームをワードプレスに配置する方法について書いていきます。

 今回の内容は、マイスピーのメルマガ配信スタンドを利用している方限定の内容です。(他社のメルマガ配信スタンドでは検証していませんので予めご了承願います)
スポンサーリンク

マイスピーとは

「MyASP(マイスピー)」とは、月額3240円から使えるオールインワンメルマガ配信スタンドです。

→ 「MyASP(マイスピー)」の詳細はこちら

通常のメルマガ配信スタンドとは違い、決済システムと連動して商品(コンテンツ)の販売までこれ一つで行えるめちゃくちゃ便利なメルマガ配信スタンドです。

僕も1年以上このメルマガ配信スタンドを利用しているのですが、このマイスピーのメルマガ登録フォームをブログのサイドバー(下記の写真のイメージ)に配置する方法をご紹介します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-42-24

マイスピーのメルマガ登録フォームをサイドバーに配置する方法

はじめに

まず、あなたのマイスピーアカウントにログインし、登録フォームを設置したい「シナリオ」を選択します。

次に、項目の中から「登録フォームタグの発行(HTML)」をクリックします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-42-55

すると、こんな感じでHTMLタグが出てきますので、通常はこれをそのままコピーします。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-43-30

が、このままコピーして貼り付けると、こんな感じで表示が崩れてしまいます。。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-45-51

※このように真っ白になってしまいます。。

(さらに下に進むとこんな感じで表示が現れます)

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-46-19

上記のようになってしまいますので、少しデフォルトの HTMLをイジる必要があります。

では、このHTMLを修正する方法を解説します。

続き

また、マイスピーの登録タグを開きます。

そして、下記のように「最後の一文だけコピー項目から外します」

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-47-47

この状態で、「外観」→「ウィジェット」→「テキスト」→「サイドバー」に配置します。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-34-30

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-44-21

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-44-48

そして、ここに先ほどの最後の一文を除いた内容をコピペします。

 

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-16-19-40

この状態で「保存」を押して表示を確認してみます!

すると、、

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-06-15-48-11

 

こんな感じで正しくメルマガ登録フォームを設置することができました。

 これは2016年10月現在での情報なので、もしかしたらマイスピー側で修正してそのままコピペで使えるようになる可能性があります!

まとめ

いかがでしたでしょうか?

今回はかなり限定的な内容でしたが、僕と同じようにマイスピーを利用していてメルマガ登録フォームの表示が崩れて困っている方に少しでも参考になれば幸いです。

ではでは!

 

スポンサーリンク
関連キーワード
メルマガの関連記事
  • 【MyASPユーザー必見】マイスピーの登録フォームをワードプレスのサイドバーに配置する方法

この記事が気に入ったら
フォローしよう

最新情報をお届けします

Twitterでフォローしよう

おすすめの記事