PC版/パーツテンプレート/プッシュ通知購読要求スクリプトの情報
4.18.0アップデートでの変更箇所は下記となります。(行数は無編集の場合の目安となります)
+ で始まる行がアップデートで追加された行となります
- で始まる行がアップデートで削除された行となります
テンプレート編集画面の「オリジナルとの差分を確認する」機能でも差分をご確認いただけます。
差分の表示形式を選択してください
PC/Parts/pc_push_messages.partial.script.twig
CHANGED
@@ -1,72 +1 @@
|
|
1
|
-
{
|
2
|
-
<!--ダイアログの内容-->
|
3
|
-
<div class="modal fade" id="push_message_subscribe_modal">
|
4
|
-
<div class="modal-dialog">
|
5
|
-
<div class="modal-content">
|
6
|
-
<div class="modal-header">
|
7
|
-
<h5 class="modal-title">最新情報を受け取る</h5>
|
8
|
-
</div>
|
9
|
-
<div class="modal-body">
|
10
|
-
<p> {{config('site.general.name')}} からの最新情報をプッシュ通知で受け取りますか?</p>
|
11
|
-
</div>
|
12
|
-
<div class="modal-footer">
|
13
|
-
<button type="button" class="btn btn-theme subscribe" data-dismiss="modal" href="#">受け取る</button></p>
|
14
|
-
<button type="button" class="btn btn-accent pending" data-dismiss="modal" href="#">あとで</button></p>
|
15
|
-
<button type="button" class="btn btn-secondary reject" data-dismiss="modal" href="#">拒否</button></p>
|
16
|
-
</div>
|
17
|
-
</div>
|
18
|
-
</div>
|
19
|
-
</div>
|
20
|
-
<script>
|
21
|
-
$(function(){
|
22
|
-
//ブラウザがService Workerに対応している場合のみ実行
|
23
|
-
if (navigator.serviceWorker && "Notification" in window && "PushManager" in window) {
|
24
|
-
try {
|
25
|
-
//モーダルとかの処理
|
26
|
-
var subscriber = Socialcast.createPushSubscriber({
|
27
|
-
// option
|
28
|
-
retryAfter: 24*60*60, // また後でクッキーの有効期限(秒) (86400)
|
29
|
-
fcmAccounts: {
|
30
|
-
// FCM用のキーなどの情報
|
31
|
-
apiKey: {{config('site.fcm.api_key')|json_encode|raw}},
|
32
|
-
authDomain: {{config('site.fcm.auth_domain')|json_encode|raw}},
|
33
|
-
databaseURL: {{config('site.fcm.database_url')|json_encode|raw}},
|
34
|
-
projectId: {{config('site.fcm.project_id')|json_encode|raw}},
|
35
|
-
storageBucket: {{config('site.fcm.storage_bucket')|json_encode|raw}},
|
36
|
-
messagingSenderId: {{config('site.fcm.messaging_sender_id')|json_encode|raw}},
|
37
|
-
vapidKey: {{config('site.fcm.vapid_key')|json_encode|raw}}
|
38
|
-
}
|
39
|
-
});
|
40
|
-
setTimeout(function(){
|
41
|
-
if (subscriber.shouldSubscribe()) {
|
42
|
-
//モーダルを表示してユーザに通知を受けとる or あとでを選択してもらう
|
43
|
-
$('#push_message_subscribe_modal').modal('show');
|
44
|
-
} else {
|
45
|
-
//上記以外の場合は何もしない
|
46
|
-
}
|
47
|
-
}, 5*1000);
|
48
|
-
|
49
|
-
//「受け取る」をクリックしたとき
|
50
|
-
$('#push_message_subscribe_modal .subscribe').on('click',function(e){
|
51
|
-
e.preventDefault();
|
52
|
-
subscriber.subscribe();
|
53
|
-
});
|
54
|
-
|
55
|
-
//「あとで」をクリックしたとき
|
56
|
-
$('#push_message_subscribe_modal .pending').on('click',function(e){
|
57
|
-
e.preventDefault();
|
58
|
-
subscriber.pending();
|
59
|
-
});
|
60
|
-
|
61
|
-
//「拒否」をクリックしたとき
|
62
|
-
$('#push_message_subscribe_modal .reject').on('click',function(e){
|
63
|
-
e.preventDefault();
|
64
|
-
subscriber.reject();
|
65
|
-
});
|
66
|
-
}
|
67
|
-
catch (e) {
|
68
|
-
}
|
69
|
-
}
|
70
|
-
});
|
71
|
-
</script>
|
72
|
-
{% endif %}
|
1
|
+
{# 本テンプレートは現在使用されておりません、後方互換維持のために存在します #}
|