読者です 読者をやめる 読者になる 読者になる

4月26日 授業内容(TwitterやFacebookなどのSNSをサイトに埋め込む,Googleフォームに自動返信機能を付ける)

TwitterFacebookなどのSNSをサイトに埋め込む
yachin29.hatenablog.com

ツイッターでログインする。
②下記のページ内の中程の新しいタイムラインウィジェットの作成をクリック
dev.twitter.com
③@の次のところに自分がツイートしたいアカウントを入力する。
f:id:paris1204:20160426192249p:plain
f:id:paris1204:20160426192301p:plain

④新規作成をしてaリンクをコピーしてhtmlに貼り付ける




Googleフォームに自動返信機能を付ける
yachin29.hatenablog.com

①フォームを作成する。
f:id:paris1204:20160426193748p:plain

②右上のメニューボタンを押してスクリプトエディタを開いて下記を全てコピー&ペーストする。
。。。。。。。。。。。。

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の''間に問い合わせがあった時に知らせる用のアドレスを入力する。
⑤下記の順番にクリックして保存する。
f:id:paris1204:20160426195129p:plain
f:id:paris1204:20160426195138p:plain

⑥フォームの送信をクリックしてhtml用のリンクをコピーしてhtmlにペーストする
f:id:paris1204:20160426195439p:plain
⑦htmlでは下記のように表示されるのでvar adressに入力したアドレス以外を入力し、双方のアドレスに問い合わせがあったことの確認メールが来るかを確認してきていればOK
f:id:paris1204:20160426195717p:plain

<!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>