Where/how to install JS correctly? - Support | Kriesi.at

Tagged: Drift chat

Viewing 12 posts - 1 through 12 (of 12 total)

Author

Posts
December 19, 2024 at 10:19 pm #1474030

abortolotti
Participant

Hi there, I’m trying to install a chat on the site (I did it a few times on different sites a few years ago) but I can’t make it work now.

Can you please help me out, where can I add this Javascript in Enfold to make it work?

——————-
<!– Start of Async Drift Code –>
<script>
“use strict”;

!function() {
var t = window.driftt = window.drift = window.driftt || [];
if (!t.init) {
if (t.invoked) return void (window.console && console.error && console.error(“Drift snippet included twice.”));
t.invoked = !0, t.methods = [ “identify”, “config”, “track”, “reset”, “debug”, “show”, “ping”, “page”, “hide”, “off”, “on” ],
t.factory = function(e) {
return function() {
var n = Array.prototype.slice.call(arguments);
return n.unshift(e), t.push(n), t;
};
}, t.methods.forEach(function(e) {
t[e] = t.factory(e);
}), t.load = function(t) {
var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement(“script”);
o.type = “text/javascript”, o.async = !0, o.crossorigin = “anonymous”, o.src = “https://js.driftt.com/include/” + n + “/” + t + “.js”;
var i = document.getElementsByTagName(“script”)[0];
i.parentNode.insertBefore(o, i);
};
}
}();
drift.SNIPPET_VERSION = ‘0.3.1’;
drift.load(‘gyfkru6m6cb6’);
</script>
<!– End of Async Drift Code –>

December 20, 2024 at 5:59 am #1474042
Ismael
Moderator
Hey Antonio,

Thank you for the inquiry.

You can install a snippet plugin or use the wp_head hook.

Example:
```
function av_add_drift_code_to_head() {
    ?>
    
    <script>
    "use strict";

    !function() {
        var t = window.driftt = window.drift = window.driftt || [];
        if (!t.init) {
            if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
            t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ],
            t.factory = function(e) {
                return function() {
                    var n = Array.prototype.slice.call(arguments);
                    return n.unshift(e), t.push(n), t;
                };
            }, t.methods.forEach(function(e) {
                t[e] = t.factory(e);
            }), t.load = function(t) {
                var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
                o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
                var i = document.getElementsByTagName("script")[0];
                i.parentNode.insertBefore(o, i);
            };
        }
    }();
    drift.SNIPPET_VERSION = '0.3.1';
    drift.load('XXXXX');
    </script>
    
    <?php
}
add_action('wp_head', 'av_add_drift_code_to_head');
```
Make sure to update this line:
```
 drift.load('XXXXX');
```
Best regards,
Ismael
December 20, 2024 at 10:55 am #1474053

abortolotti
Participant

Thank you @Ismael,

may I ask what do you mean when you say: Make sure to update this line: drift.load(‘XXXXX’);

How should I updated it?

Thank you for your help

Antonio

December 20, 2024 at 12:32 pm #1474057
Rikard
Keymaster
Hi,

You can compare Ismaels code to what you posted initially:
```
drift.load('gyfkru6m6cb63');
```
Best regards,
Rikard
December 20, 2024 at 10:17 pm #1474094

abortolotti
Participant

Hi @Rikard,
Thank you. I added the code as you explained yet the drift chat still doesn’t seem to show up.
I added the snippet via the WP Code snippet plugin but no success.

Any idea what else could I do?

Thank you

December 21, 2024 at 9:57 am #1474099
Rikard
Keymaster
Hi,

If you are going to use that plugin then you would need remove the PHP code:
```
    "use strict";

    !function() {
        var t = window.driftt = window.drift = window.driftt || [];
        if (!t.init) {
            if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice."));
            t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ],
            t.factory = function(e) {
                return function() {
                    var n = Array.prototype.slice.call(arguments);
                    return n.unshift(e), t.push(n), t;
                };
            }, t.methods.forEach(function(e) {
                t[e] = t.factory(e);
            }), t.load = function(t) {
                var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script");
                o.type = "text/javascript", o.async = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js";
                var i = document.getElementsByTagName("script")[0];
                i.parentNode.insertBefore(o, i);
            };
        }
    }();
    drift.SNIPPET_VERSION = '0.3.1';
    drift.load('XXXXX');
```
Best regards,
Rikard
December 21, 2024 at 3:14 pm #1474108

abortolotti
Participant

Thank you @Rikard,

I did copy/paste the code you posted above and adjusted the las line with

drift.load(‘gyfkru6m6cb63’);

still nothing happens, the chat doesn’t show on the site.

What else could I do?

I add the site access admin in the private area below, in case you can see if I made any mistake there.

Thank you so much

Antonio

December 21, 2024 at 4:17 pm #1474111

Rikard
Keymaster

Hi,

Then I would suggest that you reach out to the authors of the code you are looking to use, or add it using the function that Ismael posted earlier.

Best regards,
Rikard

December 21, 2024 at 5:38 pm #1474113

abortolotti
Participant

Thank you @Rikard,

I’d like to use the function that @Ismael posted earlier but I’m not sure if I’m doing it right or not :)
I installed a snippet (WP Code Snippet) plugin and copied Ismael’s code into a new snippet, then published it, but nothing happened.

Alternatively, what is “use the wp_head hook” and how do I go about it/ how do I do it?

I’ll now try to add the code of another live chat service (tawk.to) to see if that show up or not and understand at this point if it’s a chat software issue, a mistake I’m making somewhere inside Enfold or…

December 21, 2024 at 9:44 pm #1474116

abortolotti
Participant

I think I made it, thank you. Now it shows on the site.
Kindest regards

Antonio

December 22, 2024 at 10:01 am #1474120

Rikard
Keymaster

Hi,

Great, I’m glad to hear that you got things working. Please let us know if you should need any further help on the topic, or if we can close it.

Best regards,
Rikard

December 22, 2024 at 4:53 pm #1474140

abortolotti
Participant

You can close the thread, thank you :)
Merry Xmas

Antonio
Author

Posts

Viewing 12 posts - 1 through 12 (of 12 total)

The topic ‘Where/how to install JS correctly?’ is closed to new replies.