MovableType.net はサービス型CMSということもあり、Web担当者にもWeb制作者にもメリットがあります。今回は導入事例を中心にご紹介していきます。例えば以下の事例にあるように、制作者の開発期間の短縮することができる、納品後の運用負荷を軽減しその分コンテンツに集中する、といったことが可能です。ロケットスタートホールディングスが MovableType.net を使う理由 以下の事例では選んで頂いたポイントの一つとして「利用者がPCが苦手な場合もあるので管理画面の使いやすさは重要」という部分があります。ヒューマンブリッジ株式会社- MovableType.net 導入事例管理画面の各機能については、サービス開始してからも使いやすくなるように日々改善しているので、嬉しく思います。運用面でのセキュリティ対策や支払い、規約など企業利用に適しているということで採用いただいたケースもあります。東京海上日動メディカルサービスが MovableType.net を使う理由また、事例でもいくつかご紹介させていただいていますが、先日All Home Page 株式会社様が MovableType.net の紹介記事を書いて下さいました。もっと使おう！MovableType.net　ーMovable Typeアドベントカレンダー１２月４日の記事ですー | MtoM・Move up to MovableType.net　ムーブアップ（サイト引越し）サービス　古いウェブサイトをMovableType.netへお引越ししよう！All Home Page 株式会社様では実際に何件も MovableType.net をご利用いただいており、実際の利用者様ならではの感想をつづっていただいているので、現在 MovableType.net のご利用を迷われている方、すでにご利用いただいている方も、ぜひ一度ご覧ください。 より便利に活用できる方法が見つかるかもしれません。以上導入事例からいくつかご紹介させていただきましたが、ご利用いただいているお客様の声は他にも以下に掲載されていますので是非ご覧いただければと思います。MovableType.net 導入事例

本日公開したスタンダードプラン以上で利用できるワークフロー機能、複数人でサイトを運営している場合にとても便利な機能なんです。書いたニュースを上司に確認依頼をしてOKなら公開する、といったような運用を行えるワークフロー機能について細かく解説していきたいと思います！

先日、スタンダードプラン以上で利用できる新機能として更新情報をタイムリーに閲覧者に届けることのできる、Webプッシュ通知機能を公開しましたが、既存のサイトに購読機能を追加する方法をご紹介します！※Webプッシュ機能を利用するには閲覧ページのHTTPSが有効になっている必要があります。今回はPublic Organizationをベースにしたサイトを例にします。マニフェストファイルの設定まず、ホーム画面に登録する場合などの設定などが記載されたマニフェストファイルの設定の中の以下の項目を[設定]＞[全般]から行います。ショートネーム：ホーム画面に登録された際に表示される名前アイコン：ホーム画面に登録された場合に表示されるアイコン。購読や通知画面にも利用される。マニフェストファイルのテンプレートへの出力作成されたマニュフェストファイルは$mt:ManifestLink$タグで出力されるので、Public Organizationテーマでは全ページのheadタグの終わりの前に挿入されるheader-scriptモジュールの最後に入れます。実際の出力は以下のようにされます。link rel="manifest" href="https://example.com/.app/manifest.json"Webプッシュ通知の設定次に、[設定][Webサービス]からWebプッシュ通知の設定をします。有効にチェックを入れ、実際に通知する際に表示される（通知するときにテキストは編集できます）際のテンプレートと、閲覧者が購読する際に表示される購読用モーダルのテンプレートの設定をします。Webプッシュ通知に必要なスクリプトの挿入通知の購読を実現するために必要なスクリプトを出力する$mt:ServiceWorkerSnippet$タグを挿入します。このタグは、bodyの終了タグの直前に入れるのが望ましいのでfooter-scprtモジュールの一番下に挿入します。今回は自動で登録モーダルが表示されないように、モディファイアをつけて$mt:ServiceWorkerSnippet pn_auto_spawn="0"$ という記述にします。購読・解除のためのボタンを設置上記で登録モーダルの自動表示はさせないようにしたので、モーダル表示用のボタンを設置します。まず、今回はサイドバーのインフォメーションに表示したいので、以下のソースをinformationモジュールに記述します。div a href="javascript:void(0)" class="webpush" onclick="MT.PushNotification.openSubscriptionModal()" section class="side-webpush"Webプッシュ通知の購読/section /a /div次に以下のCSSをスタイルシートに追加します。/* ------------------------------------------ webpush------------------------------------------ */.webpush {display: none;}.mtnet-push-notification-service-enabled .webpush { display: block;}.side-webpush { width: 100%; text-align: center; display: inline-block; padding: 15px 15px 15px 52px; position: relative; background-color: $mt:Var name='main_color'$; color: #ffffff;}.side-webpush::before { position: absolute; content: "\f0f3"; z-index: auto; left: 2rem; top: 12px; font-size: 1.25rem; font-family: FontAwesome;}ボタンのCSSに関しては対応していないブラウザの場合は表示されないように基本的には非表示にしてあり、対応している場合はbodyタグのクラスに.mtnet-push-notification-service-enabledというクラスが追加されるので表示される、という仕組みを入れています。その他詳しい条件等はマニュアルをご覧ください。ボタンの色とテキストの色は、以下のbackground-colorとcolorでサイトにあわせて変更してください。以上でウェブサイトにWebプッシュ通知の購読機能を持たせることができました。他のテーマをベースにしていても基本的な部分は同じですので、是非ご利用いただければと思います！

先日公開した新テーマ「Owned Media」、ご覧になっていただけましたでしょうか？管理画面からバナーやメルマガ登録フォームへとばすモーダルの設定ができるなど、オウンドメディアサイトとして必要な要素を揃えたテーマです。追加されたプッシュ通知機能を組み合わせて、更新しやすいサイトを目指しましょう！ここでは「Owned Media」のカスタムフィールドに用意されたメルマガ登録フォームURLのおすすめ使用法を順序立ててご紹介していきます！

サイトを常時 SSL 化したい、メールフォーム必須のウェブサイトを運用しているため、まとめて管理できるサービスを利用したい、サーバー管理の不要なサービスを利用したい、など。そういった要望に、低コストで安心・快適な MovableType.net の利用をご検討ください。MovableType.net では他のCMSから引っ越しをする場合にも便利な機能を多く用意しています。無料トライアルもご利用いただけるので、この期間の引っ越しも可能。今回は引っ越しの大まかな手順と引っ越し元のサービスごとに必要な作業をご紹介します。

受付人数と受付期間に制限のある申し込みをフォームにて受付する場合、「受付の制限」を利用すると便利です。今回は、以下のような用途で利用するフォームの具体的な設定方法をご案内します。セミナーの申し込みフォーム定員10名申し込み締め切りは4月23日（月）12時まで申し込みデータを保存、印刷し、当日の出席確認に利用

フォーム機能を利用している場合に、期間限定の応募フォームである日時になったら受付を停止したいセミナーの募集人数は１０人なので定員一杯になったら自動的に停止したいといったケースがあると思います。今回追加された機能を利用すると上記どちらも実現が可能ですので、具体的な方法についてご紹介します！

お待たせいたしました！要望のあった、一部のテーマの印刷対応をしました。 ブラウザメニューから[印刷]をすると、背景画像や色がなくなってしまったり、デザインが崩れて印刷されてしまう…。という声にお応えし、PCで見たままの印刷ができるようになっています。今回対応したのは、特に印刷での利用用途が多い以下のテーマです。 Stylish Corporate Public Organization General Corporate MEDIA Simple Corporate

標準機能として提供している「フォーム」において、フォーム内でのユーザーアクションが計測できるようになりました。フォームを閲覧して送信するまでの行動を細かく計測できるため、例えば、フォームの閲覧から送信に至った割合をスムーズに出力することができ、入力項目の改修による行動の変化なども計測しやすくなります。今日はその計測された数字を確認する方法をご紹介します。フォーム内にイベントトラッキングを設定することなく、計測・確認できますので、ぜひご活用ください。計測の準備についてウェブサイトの中に Google アナリティクスが導入されていれば、何も設定する必要はありません。Googleアナリティクスへログインして、対象のプロパティ＞ビューを開いてください。なお以下の埋め込み方法をサポートしています。例えば、Googleタグマネージャーで計測したデータをGoogleアナリティクスと連携されている場合も、何も設定することなく数字を計測・確認できます。Googleアナリティクス（analytics.js）Googleタグマネージャ（ユニバーサルアナリティクス）グローバルサイトタグ（gtag.js）参考：MovableType.net にGoogleアナリティクスを設置する方法イベントとアクションの情報MovableType.net 側でフォームの中に「イベント」を追加して、アクションを計測するという設定をしているので、日ごろからイベントトラッキングを活用されている方であれば、以下の「イベント」の情報を参考にご確認いただけるかと思います。追加されるイベントイベントカテゴリ：form.movabletype.netラベル：フォームのURL※フォームを設置しているページのURLではなくフォームのURLです。ページのソースを開いて（Windowsの場合はCtrl＋U）確認することができます。値：1アクションshow：入力フォームが表示されたconfirm：入力内容の確認へ進んだback：入力内容の確認から入力フォームへ戻ったsubmit：送信されたGoogleアナリティクス上での確認方法アナリティクスにログインして、目的のビューを開いたら、［行動］＞［イベント］＞概要を開きます。開くと、イベントカテゴリの中に、「form.movabletype.net」があります。もし表示されていなければ、指定期間内にイベントが発生していない可能性が高いです。2018年3月2日からイベントをトラッキングできるようになっていますので、期間を調整するか、ご自身で一度フォームのテスト送信を行ってみてください。（テストをされる際、社内からのアクセスなど自分のアクセスを除外している場合は、イベントもトラッキングできませんので、ご注意ください。）form.movabletype.net をクリックして、「イベントアクション」タブを開くと、アクションを確認できます。フォームをサイト内に複数設置されている場合は、イベントアクションの右のタブ「イベントラベル」をクリックすると、フォームごとの合計イベント数が表示され、フォームのURLをクリックすると、そのフォームだけに絞って、アクションを確認することができます。Excel上でデータを管理されたい場合などは、エクスポートすることも可能です。いかがでしたでしょうか。Googleアナリティクスを既に導入されている場合であれば、すぐに確認できますので、ぜひご活用ください。フォームの作成と設置方法

MovableType.net では、独自ドメイン（自社ドメイン）の場合でも、 設定をオンにするだけで簡単に追加費用なしで閲覧ページの常時SSL化が可能です。 また、先日より スタンダードプラン以上で独自のSSL証明書も利用できるようになりましたので、既にお持ちの企業認証やEV認証の証明書を設置することができます。一部のブラウザでは今後、HTTPを利用しているすべてのウェブサイトにてアドレスバーに警告を表示するようになるなど、HTTPS化の推奨が進んでいますので、この機会に公開サイトのHTTPS化の実施をぜひご検討ください。参考：ITmedia エンタープライズ HTTPを使うWebサイトはすべて「安全ではない」――Google Chromeで明示へ

いつも MovableType.net をご利用いただき、ありがとうございます。プロダクトマネージャーの早瀬です。2018年2月5日で MovableType.net が正式公開されてちょうど3年となりました(^_^)1周年と2周年の記事は以下になります。MovableType.net は2周年を迎えます！MovableType.net は今日で1周年です！３周年ということで先日社内でケーキを購入し、お祝いしました。美味しいケーキケーキを前に集合写真（このタイミングでいたメンバーで）

デザインテーマに Gallery Black という写真を公開するためのテーマがあるのですが、このテーマをベースに以下の記事で紹介した新機能を利用して、YouTubeの動画を掲載するギャラリーテーマを作ってみました。年始４日連続リリースの新機能まとめ実際に出来上がったデモサイトは以下になります。（この記事の最後から実際に使えるサンプルテーマもダウンロードできます。）YouTubeギャラリー