メールフォームって必要なの？
Google Adsenseに合格するためには必要な条件だよ
今回は、iPadでbloggerブログのプレビューをPCサイト用で確認する方法です。
✔︎この記事の内容
❶メールフォームの設置は、Google Adsenseに合格するための条件の一つ
❷メールフォームをページに設置する方法
❷メールフォームをページに設置する方法
blogger 新しいページにメールフォームを設置する方法
メールフォームの設置は、Google Adsenseに合格するための条件の一つ
問い合わせフォームがあることも条件の一つと知り、メールフォームを設置することにしました。
今回、私が新しいページにメールフォームを設置した方法をご紹介します。
メモロウさんの記事がすごくわかりやすくて簡単です。
Bloggerの連絡フォームをHTMLの編集なしでページに設置する方法【script編】
この記事にもやり方を簡単に記載しておきます。
メールフォームをページに設置する方法
メールフォームを設置する３つの手順
❶サイドバーに連絡フォームのガジェットを追加する
❷新しいページを追加する
❸scriptを追加する
❷新しいページを追加する
❸scriptを追加する
❶サイドバーに連絡フォームのガジェットを追加する
レイアウトからサイドバーのガジェットを追加するを選択
下記の連絡フォームを追加します。
下記の連絡フォームを追加します。
❷新しいページを追加する
次にページから、新しいページを作成します。
ページ設定のオプションをクリックして、構成モードは、HTMLをコードを表示を選択。
改行は、<br >タグを使用を選択します。
❸scriptを追加する
作成したページに以下のコードを貼り付けます。
※HTMLモードで貼り付けます。
<script>
var blogId = '自分のブログIDを入力';
var contactFormMessageSendingMsg ='送信中...';
var contactFormMessageSentMsg = 'メッセージを送信しました。';
var contactFormMessageNotSentMsg = 'メッセージを送信できませんでした。';
var contactFormEmptyMessageMsg ='メッセージを入力してください。';
var contactFormInvalidEmailMsg = '有効なメールアドレスを入力してください。'
var widgetLoaded=false;
function sendEmailMsg() {
if(widgetLoaded== false) {
_WidgetManager._RegisterWidget('_ContactFormView', new _WidgetInfo('ContactForm1', 'sidebar', null, document.getElementById('ContactForm1'), {'contactFormMessageSendingMsg': contactFormMessageSendingMsg , 'contactFormMessageSentMsg': contactFormMessageSentMsg , 'contactFormMessageNotSentMsg': contactFormMessageNotSentMsg , 'contactFormInvalidEmailMsg': contactFormInvalidEmailMsg , 'contactFormEmptyMessageMsg': contactFormEmptyMessageMsg , 'title': 'Contact Form', 'blogId': blogId, 'contactFormNameMsg': 'Name', 'contactFormEmailMsg': 'Email', 'contactFormMessageMsg': 'Message', 'contactFormSendMsg': 'Send', 'submitUrl': 'https://www.blogger.com/contact-form.do'}, 'displayModeFull'));
widgetLoaded=true;
document.getElementById('ContactForm1_contact-form-submit').click();
}
return true;
}
</script>
<form name='contact-form'>
<div>お名前：</div>
<input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
<div>メールアドレス*必須：</div>
<input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
<div>お問い合わせ内容 *必須：</div>
<textarea class='contact-form-email-message' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea>
<p></p>
<input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='送信する' onclick="sendEmailMsg()"/>
<div style='text-align: center; max-width: 450px; width: 100%'>
<p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p>
<p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p>
</div>
</form>
「自分のブログIDを入力」の部分に自分のblogIDの数字のみの部分を入力します。
blogIDは、Bloggerブログ内でブラウザのURLで確認できます。
最後に、1でガジェットに追加した連絡フォームは削除します。
これで完了です。
0 件のコメント:
コメントを投稿