{"id":152,"date":"2018-10-31T12:11:59","date_gmt":"2018-10-31T03:11:59","guid":{"rendered":"https:\/\/www.surfly.jp\/demoec\/?page_id=152"},"modified":"2018-10-31T12:11:59","modified_gmt":"2018-10-31T03:11:59","slug":"click_listener","status":"publish","type":"page","link":"https:\/\/www.surfly.jp\/demo\/click_listener\/","title":{"rendered":"\u30a4\u30f3\u30d0\u30a6\u30f3\u30c93"},"content":{"rendered":"<div>\n<h1> Surfly\u30bb\u30c3\u30b7\u30e7\u30f3\u53d7\u4ed8\u30da\u30fc\u30b8 <\/h1>\n[\u753b\u9762\u5171\u6709\u3092\u958b\u59cb] \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001Surfly\u306b\u3088\u308bWeb\u753b\u9762\u5171\u6709\u3092\u958b\u59cb\u3057\u307e\u3059\u3002<\/p>\n<p>    <input type=\"button\" id=\"pingenerate\" value=\"\u753b\u9762\u5171\u6709\u3092\u958b\u59cb\"><br \/>\n    <input type=\"button\" id=\"exit_button\" value=\"\u30bb\u30c3\u30b7\u30e7\u30f3\u7d42\u4e86\" style=\"display: none\">\n<\/div>\n<p><script type=\"text\/javascript\">\n    \/\/ create confirmation popup blocker which will require customer confirmation\n    var mock_blocker = document.createElement('div');\n    mock_blocker.style.zIndex = '2147483547';\n    mock_blocker.style.backgroundColor = '#00000080';\n    mock_blocker.style.display = 'none';\n    mock_blocker.style.position = 'fixed';\n    mock_blocker.style.top = '0';\n    mock_blocker.style.height = '100%';\n    mock_blocker.style.width = '100%';\n    mock_blocker.style.overflow = 'scroll';\n    var blocker_content = document.createElement('div');\n    blocker_content.style.margin = '15vh auto';\n    blocker_content.style.backgroundColor = 'white';\n    blocker_content.style.padding = '3%';\n    blocker_content.style.width = '65%';\n    blocker_content.style.borderRadius = '4px';\n    blocker_content.style.textAlign = 'left';\n    blocker_content.style.fontSize = '16px';\n    blocker_content.style.boxShadow = '0px 5px 20px 0px #292a2e';\n    blocker_content.innerHTML = '\u753b\u9762\u5171\u6709\u306b\u3088\u308b\u30b5\u30dd\u30fc\u30c8\u306e\u3054\u6848\u5185' + '<br \/>' + '\u4ee5\u4e0b\u306e\u70b9\u3092\u3054\u78ba\u8a8d\u306e\u4e0a\u3001\u540c\u610f\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068PIN\u30b3\u30fc\u30c9\u3092\u767a\u884c\u3067\u304d\u307e\u3059\u3002<br \/>';\n    var blocker_message = document.createElement('div');\n    blocker_message.innerHTML = '\u7559\u610f\u4e8b\u9805' + '<br \/>' + '1. \u30aa\u30da\u30ec\u30fc\u30bf\u30fc\u306e\u6307\u793a\u304c\u3042\u3063\u305f\u5834\u5408\u306e\u307f\u3054\u5229\u7528\u304f\u3060\u3055\u3044\u3002' + '<br \/>' + '2. \u3053\u306e\u30b5\u30fc\u30d3\u30b9\u3067\u306fWeb\u753b\u9762\u306e\u307f\u304c\u5171\u6709\u3055\u308c\u307e\u3059\u3002PC\u306e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3084\u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\u306e\u30db\u30fc\u30e0\u753b\u9762\u3001\u305d\u306e\u4ed6\u306e\u30a2\u30d7\u30ea\u30b1\u30fc\u30b7\u30e7\u30f3\u306e\u753b\u9762\u304c\u5171\u6709\u3055\u308c\u308b\u3053\u3068\u306f\u3042\u308a\u307e\u305b\u3093\u3002' + '<br \/>' + '3. \u753b\u9762\u5171\u6709\u958b\u59cb\u5f8c\u306b\u5171\u6709\u3092\u505c\u6b62\u3057\u305f\u3044\u5834\u5408\u3001[\u30bb\u30c3\u30b7\u30e7\u30f3\u7d42\u4e86] \u30dc\u30bf\u30f3\u3042\u308b\u3044\u306f\u30d6\u30e9\u30a6\u30b6\u3092\u9589\u3058\u308b\u3053\u3068\u3067\u3044\u3064\u3067\u3082\u753b\u9762\u5171\u6709\u3092\u505c\u6b62\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002';\n    blocker_message.style.margin = '30px 0';\n    blocker_message.style.fontSize = '14px';\n    blocker_content.appendChild(blocker_message);\n    var blocker_sessid = document.createElement('div');\n    blocker_sessid.id = 'sessidtarget';\n    blocker_sessid.style.margin = '30px 0';\n    blocker_sessid.style.fontSize = '24px';\n    blocker_content.appendChild(blocker_sessid);\n    var b_confirm_button = document.createElement('input');\n    b_confirm_button.type = 'button';\n    b_confirm_button.value = '\u540c\u610f';\n    b_confirm_button.style.color = '#fff';\n    b_confirm_button.style.background = '#ffa500';\n    b_confirm_button.style.padding = '0.7em 1.4em';\n    blocker_content.appendChild(b_confirm_button);\n    var b_cancel_button = document.createElement('input');\n    b_cancel_button.type = 'button';\n    b_cancel_button.value = '\u30ad\u30e3\u30f3\u30bb\u30eb';\n    b_cancel_button.style.marginLeft = '10px';\n    b_cancel_button.style.padding = '0.7em 1.4em';\n    blocker_content.appendChild(b_cancel_button);\n    mock_blocker.appendChild(blocker_content);\n    document.getElementsByTagName('body')[0].appendChild(mock_blocker);\n    pingenerate = document.getElementById('pingenerate');\n    pincancel = document.getElementById('pincancel');\n    exit_button = document.getElementById('exit_button');\n    (function (s, u, r, f, l, y) {\n        s[f] = s[f] || { init: function () { s[f].q = arguments } };\n        l = u.createElement(r); y = u.getElementsByTagName(r)[0]; l.async = 1;\n        l.src = 'https:\/\/surfly.jp\/surfly.js'; y.parentNode.insertBefore(l, y);\n    })\n        (window, document, 'script', 'Surfly');\n    var settings = {\n        widget_key: '9b09c56a3b26419791538291d8859821',\n        hide_until_agent_joins: true,\n        start_docked: true,\n        disable_end_redirect: false\n    };\n    Surfly.init(settings, function (initResult) {\n        if (initResult.success) {\n            document.getElementById(\"masthead\").classList.add(\"surfly-ignore\");\n            document.getElementById(\"main\").classList.add(\"surfly-ignore\");\n            document.getElementById(\"colophon\").classList.add(\"surfly-ignore\");\n            if (!Surfly.isInsideSession) {\n                \/\/ display popup confirmation blocker\n                pingenerate.onclick = function display_blocker() {\n                    mock_blocker.style.display = 'block';\n                };\n                \/\/ hide popup confirmation blocker\n                function hide_blocker() {\n                    mock_blocker.style.display = 'none';\n                    b_confirm_button.innerHTML = '\u540c\u610f';\n                    b_confirm_button.disabled = false;\n                }\n                b_cancel_button.onclick = function call_hide_blocker() {\n                    hide_blocker();\n                };\n                \/\/ confirm session\n                b_confirm_button.onclick = function start_hidden_cobrowse() {\n                    b_confirm_button.disabled = true;\n                    Surfly.session({\n                    })\n                        .on('session_started', function (session, event) {\n                            \/\/ display the session PIN\n                            blocker_sessid.innerText = '\u3042\u306a\u305f\u306ePIN\u30b3\u30fc\u30c9\u306f ' + session.pin + ' \u3067\u3059\u3002';\n                            \/\/ Display the Cancel button\n                            pingenerate.style.display = 'none';\n                            \/\/ If the Cancel button is clicked, end the session\n                            b_cancel_button.addEventListener('click', function () {\n                                session.end();\n                            });\n                        })\n                        .on('viewer_joined', function (session, event) {\n                            hide_blocker();\n                        })\n                        \/\/ Start the session immediately\n                        .startLeader();\n                };\n            } else {\n                pingenerate.style.display = \"none\";\n                exit_button.style.display = \"block\";\n                exit_button.addEventListener('click', function () {\n                    Surfly.currentSession.end()\n                });\n            }\n        }\n        else {\n            console.log(\"Surfly was unable to initialize properly.\")\n        }\n    });\n<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Surfly\u30bb\u30c3\u30b7\u30e7\u30f3\u53d7\u4ed8\u30da\u30fc\u30b8 [\u753b\u9762\u5171\u6709\u3092\u958b\u59cb] \u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001Surfl [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-152","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/pages\/152","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/comments?post=152"}],"version-history":[{"count":1,"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/pages\/152\/revisions"}],"predecessor-version":[{"id":612,"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/pages\/152\/revisions\/612"}],"wp:attachment":[{"href":"https:\/\/www.surfly.jp\/demo\/wp-json\/wp\/v2\/media?parent=152"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}