4月26日 授業内容(TwitterやFacebookなどのSNSをサイトに埋め込む,Googleフォームに自動返信機能を付ける)
TwitterやFacebookなどのSNSをサイトに埋め込む
yachin29.hatenablog.com
①ツイッターでログインする。
②下記のページ内の中程の新しいタイムラインウィジェットの作成をクリック
dev.twitter.com
③@の次のところに自分がツイートしたいアカウントを入力する。
④新規作成をしてaリンクをコピーしてhtmlに貼り付ける
Googleフォームに自動返信機能を付ける
yachin29.hatenablog.com
①フォームを作成する。
②右上のメニューボタンを押してスクリプトエディタを開いて下記を全てコピー&ペーストする。
。。。。。。。。。。。。
function submitForm(e){
var itemResponses = e.response.getItemResponses();
var message = '';
var username = '';
var mail = '';
for (var i = 0; i < itemResponses.length; i++) {
var itemResponse = itemResponses[i];
var question = itemResponse.getItem().getTitle();
var answer = itemResponse.getResponse();
if (question == 'お名前'){
username = answer;
}
if (question == 'メールアドレス'){
mail = answer;
}
message += (i + 1).toString() + '. ' + question + ': ' + answer + '\n';
}
var address = '☆あなたのGmailアドレスを記入☆';
var title = 'お問い合わせフォームが送信されました';
var content = '以下の内容でフォームが送信されました。\n\n' + message;
GmailApp.sendEmail(address, title, content);
var title2 = 'お問い合わせありがとうございます';
var content2 = username + '様\n\nこの度はお問い合わせいただきありがとうございます。\n'
+ 'のちほど担当者よりご連絡させていただきますので、いましばらくお待ちください。\n'
+ '宜しくお願いいたします。\n\n'
+ '※このメールはお問い合わせをいただいた方に自動送信されます。\n\n'
+ '株式会社●●●● オンラインショップ\n'
+ 'TEL 123-456-7890\n'
+ '定休日:土・日・祝日';
GmailApp.sendEmail(mail, title2, content2);
}
。。。。。。。。。。。。
③questionのメールアドレスをフォームと同じEメールアドレスに変更する。
④var addressの''間に問い合わせがあった時に知らせる用のアドレスを入力する。
⑤下記の順番にクリックして保存する。
⑥フォームの送信をクリックしてhtml用のリンクをコピーしてhtmlにペーストする
⑦htmlでは下記のように表示されるのでvar adressに入力したアドレス以外を入力し、双方のアドレスに問い合わせがあったことの確認メールが来るかを確認してきていればOK
<!doctype html> <html> <head> <meta charset="UTF-8"> <title>Twitter、formの埋め込み</title> </head> <body> <div id="twitter"> <a class="twitter-timeline" data-dnt="true" href="https://twitter.com/rosemary" data-widget-id="724889073417068545">@rosemaryさんのツイート</a> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </div> <div id="form"> <iframe src="https://docs.google.com/forms/d/1N5-EVz74X0r-CujCAA7vV1m1-hiK5XgQNt7S0CcuSfU/viewform?embedded=true" width="760" height="500" frameborder="0" marginheight="0" marginwidth="0">読み込んでいます...</iframe> </div> </body> </html>