目次に戻る

PC版/パーツテンプレート/プッシュ通知購読要求スクリプトの情報

4.18.0アップデートでの変更箇所は下記となります。(行数は無編集の場合の目安となります)
+ で始まる行がアップデートで追加された行となります
- で始まる行がアップデートで削除された行となります

テンプレート編集画面の「オリジナルとの差分を確認する」機能でも差分をご確認いただけます。

差分の表示形式を選択してください
PC/Parts/pc_push_messages.partial.script.twig CHANGED
@@ -1,72 +1 @@
1
- {% if config('site.fcm.enabled') %}
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
+ {# 本テンプレートは現在使用されておりません、後方互換維持のために存在します #}