单击图像将脚本添加到所有页面

Question

我创建了一个函数（myFunction88），该函数包含仅在单击登台站点右下角的图像时激活的zen desk聊天小部件脚本。

http://allcal.staging.wpengine.com/

目的是根本不加载聊天​​脚本，除非有人单击以开始聊天。提高我的网站的加载速度，并且在大多数用户不使用它时不在每个页面上加载聊天脚本。

效果很好。图片在角落。单击图像，加载聊天。

***我的问题是单击图像时如何在每个页面上加载脚本，以便聊天将跟随用户？当前，聊天仅在其单击的页面上有效，因此，如果您转到新页面，则必须开始新的聊天。有没有一种方法可以单击图像，将“ myFunction88”输出脚本加载到该用户的每个页面上，以便在他们访问的所有页面上激活聊天功能？

JS：

function myFunction88() {
window.$zopim||(function(d,s){var z=$zopim=function(c){z._.push(c)},$=z.s=
d.createElement(s),e=d.getElementsByTagName(s)[0];z.set=function(o){z.set.
_.push(o)};z._=[];z.set._=[];$.async=!0;$.setAttribute("charset","utf-8");
$.src="https://v2.zopim.com/?[My ZenDeskChatNumber]";z.t=+new Date;$.
type="text/javascript";e.parentNode.insertBefore($,e)})(document,"script");

});}

在Function.php中：

add_action ( 'wp_footer', 'hook_infooter' );

function hook_infooter() {

echo '<<div class="chatimagediv"><img id="chatimageid" 
class="chatimage2" src="https://beachcandyswimwear.com/wp-content/uploads/2018/11/Screen-Shot-2018-11-07-at-8.18.03-AM.png" width=240 
onclick="myFunction88(); toggleClick4();"></div>>';

}