AutoUncle mit der Fahrzeugsuche nutzen

Integration der notwendigen JavaScript-Bibliothek

Die Autouncle-Scripte können wie folgt auf der Fahrzeugsuche-Seite mit einem TypoScript Extension-Template hinzugefügt werden:

page {
    jsFooterInline {
        10 = TEXT
        10.value (
            window.AuEmbed = {
                config: {
                    key: '###UNIQUE_KEY###', // Your unique configuration key
                    data: {
                        stockId: null,
                    },
                    customData: {
                        leadSource: 'Ankauf Lead',
                    }
                }
            };
            var s=document.createElement('script');s.async=true;s.src='https://www.autouncle.de/widgets/trade_in_valuations/embed_script.js?config_key='+encodeURIComponent(AuEmbed.config.key);s.id='au-trade-in-script';h=document.getElementsByTagName('head')[0];h.insertBefore(s,h.lastChild);
        )
    }
}

Integration eines Inzahlungsname-Buttons

Eine Einbindung des AutoUncle Inzahlungsnahme-Buttons kann wie folgt in der Einzelansicht eingebunden werden:

<a href="#" class="btn btn-arrow btn-primary" onclick="AuEmbed.TradeInCalculatorWidgetEmbedder.openTradeInModal(); return false;">
    <span class="link-label-wrap">Jetzt berechnen</span>
</a>

Initialisierungen in der Detailansicht

In der Detailansicht muss das Script ggf. aktualisiert werden. Hier führen wir Event gesteuert JavaScript aus und reinitialisieren das AutoUncle-Script:

    jQuery(document).on('fahrzeugsuche.after_show_detail ', function () {
        //
        // Auto Uncle
        if(typeof AuEmbed !== 'undefined') {
            AuEmbed.reset();
            if(jQuery('dt:contains("Marke")').next().text() === 'MERCEDES-BENZ') {
                window.AuEmbed = {
                    config: {
                        key: '###UNIQUE_KEY_MERCEDES###',
                        data: {
                            stockId: jQuery('*[data-fahrzeug-seller-inventory-key]').attr('data-fahrzeug-seller-inventory-key'),
                        },
                        customData: {
                            leadSource: 'Ankauf Lead'
                        }
                    }
                };
            }
            if(jQuery('dt:contains("Marke")').next().text() === 'SMART') {
                window.AuEmbed = {
                    config: {
                        key: '###UNIQUE_KEY_SMART###',
                        data: {
                            stockId: jQuery('*[data-fahrzeug-seller-inventory-key]').attr('data-fahrzeug-seller-inventory-key'),
                        },
                        customData: {
                            leadSource: 'Ankauf Lead'
                        }
                    }
                };
            }
            if(jQuery('dt:contains("Marke")').next().text() === 'SKODA') {
                window.AuEmbed = {
                    config: {
                        key: '###UNIQUE_KEY_SKODA###',
                        data: {
                            stockId: jQuery('*[data-fahrzeug-seller-inventory-key]').attr('data-fahrzeug-seller-inventory-key'),
                        },
                        customData: {
                            leadSource: 'Ankauf Lead'
                        }
                    }
                };
            }
            var s=document.createElement('script');s.async=true;s.src='https://www.autouncle.de/widgets/trade_in_valuations/embed_script.js?config_key='+encodeURIComponent(AuEmbed.config.key);s.id='au-trade-in-script';h=document.getElementsByTagName('head')[0];h.insertBefore(s,h.lastChild);
        }
    });

Wie Du im letzten Beispiel sehen kannst, kann die Reinitialisierung auch je Fahrzeug-Marke mit einem anderen Key erfolgen.

Tracking von URL-Parameter

Siehe dazu HowTo "Url Parameter Tracking"