※当記事は、私のLP制作サービスをご購入いただいたお客様向けの内容となっております。
お世話になっております。吉川です。
当記事では、「ご納品させていただいたStudioプロジェクトの操作手順」を解説しております。
１：LPの公開作業について
制作したLPは、まだインターネット上に公開されていません。
以下の2つの方法のいずれかで、公開設定を行ってください。
◾️方法１： サブドメインで公開（無料）
StudioのデフォルトURLを使用して無料で公開する方法です。
コストをかけずにまずは公開したい場合におすすめです。
URLは「https://○○○.studio.site」のような形式になります。
ーーーーーーーーーーーーーーーーーーーーーーーー
【手順】
①Studioのページを開く
Studioにログインすると、以下のようなページになります。
今回お作りしたLPが表示されているので、クリックしてください。
②画面右上の「デザインエディタ」ボタンを開いてください。
③デザインエディタ右上の「公開」をクリック
④希望のサブドメインを入力
赤く囲った部分に、お好きなURLを入力できます。
お好きな文字列を入れてLPのURLを決定してください。
⑤右上の「公開」ボタンをクリックする
これで作業完了です。LPがインターネット上に公開されます。
ーーーーーーーーーーーーーーーーーーーーーーーー
◾️方法２： 独自ドメインで公開（有料）
「お名前.com」などで取得された、オリジナルのURL（例：○○○.com）で公開する方法です。
※この機能を利用するには、Studioの有料プランへの加入が必要です。
(プランについては、最安の「Miniプラン」で問題ありません。)
ーーーーーーーーーーーーーーーーーーーーーーーー
【手順】
※公開設定画面までの手順①〜③は「サブドメインで公開（無料）」と同じです
④「独自ドメイン設定」をクリックする
⑤STUDIOの有料プランに加入する
有料プランの案内が表示されるので、「アップグレード」を選択して有料プランを契約してください。
プランについては、最安の「Miniプラン」で問題ありません。
⑥ドメイン管理会社でドメインを取得する
「お名前.com」などのサービスでお好きなドメインを取得してください。
(※別途、有料サーバーの契約は不要でございます。)
「ネームサーバー設定」は以下のように設定してください
(※参考として、以下「お名前.com」で新規ドメインを取得した場合の手順を記載しております)
⑦Studioのデザインエディタに戻り、以下の独自ドメイン設定を行う
「独自ドメイン設定」をクリックする
取得した独自ドメインを入力する
Aレコードが表示されるので、メモしておく
⑧独自ドメインを取得したサイトの管理画面で「DNSレコード設定」を行う
ログインして管理画面を開き、「ドメインDNS設定」に移動
以下のように画面を移動する
Studioで取得した「Aレコード」を入力して「追加」ボタンを押す
追加されていることを確認し、確認画面へ進んで変更を反映させる
(2~3回確認画面が入り、最後の画面で「設定を完了する」ボタンを押さないと変更が反映されないので注意してください)
⑨Studioに戻って独自ドメイン設定を完了させる
先ほど設定した「DNSレコード設定」が反映されるまでに少々時間がかかります。(早いと数分程度、稀に1日以上かかることもあります)
まだ反映がされていないと、以下のようなエラーが出るので時間を置いてからリトライしてください。
正しく反映されているとこのような画面になり、TLS証明書の発行が自動でされます。
この画面になれば独自ドメイン設定は完了です。右上の「公開」ボタンを押せが、インターネット上にLPが公開されます。
「公開」ボタンを押した後、サイトにアクセスできるようになるまで少々時間がかかります。
反映されていないと以下のような画面になるので、時間を置いてから再度アクセスしてください。
ーーーーーーーーーーーーーーーーーーーーーーーー
２：計測タグの埋め込みについて
Meta広告（Facebook/Instagram）やGoogle広告などの多くの広告媒体では、LPに「計測タグ」を埋め込むことで、どれくらいの成果が出ているかを詳細に分析できます。
※タグの埋め込みには、Studioの有料プランへの加入が必要です。
(プランについては、最安の「Miniプラン」で問題ありません。)
ーーーーーーーーーーーーーーーーーーーーーーーー
【手順(コード形式での埋め込み)】
※「Studio有料プラン登録」までの手順①〜⑤は、「独自ドメインで公開（有料）」と同じです。
⑥ご利用になる広告媒体の管理画面から「タグ」を発行する
タグは、コード形式（<script~~のような長いコード）となりますので、コピーしておいてください。
⑦Studio画面戻り、LPに「タグ」を埋め込む
デザインエディタ右側に表示されている「<head>内の末尾」という項目に先ほどコピーしたタグを埋め込んでください。
⑧右上の「公開」ボタンを押し、更新をネット上に反映させる。
こでタグの埋め込み作業は完了です。ご利用の広告媒体の管理画面にて、広告のパフォーマンス計測が可能になります。
★App経由で計測する場合★
上記のようなコード形式での埋め込み以外にも、Studioではアプリとの連携も可能です。
ご利用には、コード形式同様にStudio有料プランへの加入が必要です。
(プランについては、最安の「Miniプラン」で問題ありません。)
ーーーーーーーーーーーーーーーーーーーーーーーー
【手順(App経由)】
①Studioにログインして、お客様のLPを選択する。
②左側の「Apps」を選択する。
各サービスが表示されます。ご利用されるAppを選択し、表示される内容に沿って設定を進めてください。
※ご利用の広告媒体への反映には、数時間〜1日ほど時間がかかる場合があります。
※「Meta広告やGoogle広告などの管理画面の操作」に関する質問については、運営会社様にご質問いただくようにお願いいたします。
ーーーーーーーーーーーーーーーーーーーーーーーー
３：画像の差し替え（更新）について
私が制作するLPは、セクションごとに「画像」で構成しています。
なので画像を入れ替えるだけで簡単にLPの内容を更新することが可能です。
※もちろん「LP更新作業代行」のご依頼も承っておりますので、必要な場合はお気軽にご相談ください。
(料金については、私のサービスページにて最新の情報をご確認ください)
ーーーーーーーーーーーーーーーーーーーーーーーー
【手順】
①Studioのデザインエディタ上に、変更したい画像をドラッグ&ドロップする
②LPの変更したい箇所の画像をクリック
少し深いの階層にあるため、「数回ダブルクリック」する必要があります。
以下のように、選択箇所の右上に「img」と表示されればOKです。
③左側のパネルにある差し替えたい画像をクリック
クリックすると、自動でLPの画像が差し変わります
④右上の「公開ボタン」を押して、本番サイトに反映
ーーーーーーーーーーーーーーーーーーーーーーーー
４：ご質問について
万が一ご不明な点がございましたら、ココナラの「メッセージ機能」にてご質問ください。
お客様の状況を確認次第、しっかりと対応させていただきます。
※お客様へのお願い※
「Meta広告やGoogle広告などの管理画面の操作」に関する質問については、運営会社様にご質問いただくようにお願いいたします。
