Live Chat in Contao 3.4.4 einbinden

**neuhaeuser** · 30.03.2016, 11:42

Hallo liebe Contao Community,

ich sitze gerade an einem Problem welches ich einfach nicht gelöst bekomme. Ich betreue für unsere Praxis die Website (radiomed-praxis.de) und nutze Contao 3.4.4. Nun soll ein LiveChat eingebunden werden, der auf einem externen Server liegt. Dieses LiveChat Tool nennt sich Livehelperchat (https://livehelperchat.com/). Im Backend des Tools ist auch ein HTML-Generator dabei, der einem dem Code zum Einbetten generiert. Ich dachte eigentlich, dass es relativ einfach wäre.

Ich hatte bereits versucht, den Code im Seitenlayout unter "Eigener JavaScript-Code" mit einzubinden - leider ohne Erfolg!
Ebenfalls als Modul "eigener HTML-Code" und auf einer Seite platziert, zeigte mir das Frontend leider nichts an.

Sicherlich habe ich einen Knoten im Hirn denn ich glaube nicht, dass es so schwer sein kann.

Dieser Code wird von Livehelperchat generiert:

<script type="text/javascript">
var LHCChatOptions = {};
LHCChatOptions.opt = {widget_height:340,widget_width:300,popup_height:5 20,popup_width:500};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
var referrer = (document.referrer) ? encodeURIComponent(document.referrer.substr(docume nt.referrer.indexOf('://')+1)) : '';
var location = (document.location) ? encodeURIComponent(window.location.href.substring( window.location.protocol.length)) : '';
po.src = '//5.35.247.48/chat2/index.php/chat/getstatus/(click)/internal/(position)/middle_right/(ma)/br/(top)/350/(units)/pixels/(leaveamessage)/true?r='+referrer+'&l='+location;
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>

Endergebnis sollte so sein, dass der Chatbutton auf allen Seiten am unteren Browserrand steht. Jedoch wäre ich bereits zufrienden, wenn der Button generell erst einmal irgendwo erscheinen würde.

Für jede Hilfe wäre ich sehr dankbar.

**tschero** · 30.03.2016, 12:06

Hi,

in Zeile 3 ist ein Leerzeichen bei der 520 im Code.
Ohne funktioniert es.

LHCChatOptions.opt = {widget_height:340,widget_width:300,popup_height:5 20,popup_width:500};

Gruß
tschero

**neuhaeuser** · 31.03.2016, 09:07

Hey, vielen Dank für den Hinweis!

Ich habe alle meine Testläufe nun rückgängig gemacht und den korrigierten Code wieder im Seitenlayout unter "Eigener Javascript-Code" eingefügt. Dieses Seitenlayout ist auch für die Startseite aktiviert. Jedoch passiert immer noch nichts.
Wie würdet Ihr denn den Code einbinden?

Viele Grüße
neuhaeuser

**Kahmoon** · 31.03.2016, 10:25

Über ein Inhaltselement oder Modul -> HTML

Wichtig ist auch das du in den Einstellungen von Contao "<script>" bei erlaubten Tags zulässt. Sonst schneidet er das weg.

**Samson1964** · 01.04.2016, 14:07

Zitat von neuhaeuser

Hey, vielen Dank für den Hinweis!

Ich habe alle meine Testläufe nun rückgängig gemacht und den korrigierten Code wieder im Seitenlayout unter "Eigener Javascript-Code" eingefügt. Dieses Seitenlayout ist auch für die Startseite aktiviert. Jedoch passiert immer noch nichts.
Wie würdet Ihr denn den Code einbinden?

Viele Grüße
neuhaeuser

Ich habe ihn so wie Du im Seitenlayout:

PHP-Code:


<script type="text/javascript">

var LHCChatOptions = {};

LHCChatOptions.opt = {widget_height:340,widget_width:300,popup_height:520,popup_width:500};

(function() {

var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;

var refferer = (document.referrer) ? encodeURIComponent(document.referrer) : '';

var location  = (document.location) ? encodeURIComponent(document.location) : '';

po.src = '//www.schachbund.de/support/index.php/ger/chat/getstatus/(position)/bottom_right/(top)/350/(units)/pixels/(department)/1?r='+refferer+'&l='+location;

var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);

})();

</script>

**tschero** · 01.04.2016, 14:57

Ich habe ihn so wie Du im Seitenlayout:

So hatte ich Ihn auch in einer 3.5.4 Test-Installation eingebunden.
Hat funktioniert. Der Button war vorhanden.

Gruß
tschero

**ways2web** · 06.07.2016, 22:15

funktioniert bei euch das Theming richtig?

**tschero** · 07.07.2016, 07:11

Moin, hatte ich zu dem Zeitpunkt so nicht beachtet.

Gruß
tschero

**ways2web** · 07.07.2016, 07:13

ist ok soweit... hatte nicht gleich alles gefunden, man muss das theme für jedes widget festlegen...
dann gehts.. und für mobile seiten musste ich noch ein wenig das css anpassen... aber nun läufts sehr gut

einbinden war kinderleicht.

**Samson1964** · 07.07.2016, 07:47

Was ich gerade noch suche: das Template für die Chatbox im FE. Ich möchte dort einen Hinweis auf das Hinterlassen einer E-Mail-Adresse anbringen. Viele schreiben Fragen im Offline-Modus, aber keine Kontaktdaten dazu. Wie soll man je darauf antworten...