Teilen
Lassen Sie Ihre Nutzer ganz leicht Links zu Ihren Formularen und Anzeigetemplates via Social Media teilen.
Bemerkung
Auf Mobilgeräten wird die Share Funktion von der Web Share API genutzt. Diese wird auf dem Desktop nicht umfassend unterstützt, weshalb auf dem Desktop ein Modal zum Teilen via gängiger Social Media Kanäle bereitgestellt wird.
Installation
Importieren Sie den Stylesheet.
<link rel="stylesheet" type="text/css" href="/static/ll-form-utils/0.2.4/dist/share.css" />
Importieren Sie das Javascript-Modul und verwenden Sie es folgendermaßen:
<p>
<button id="shareUrl">Teile URL</button>
<button id="shareText">Teile Text</button>
<button id="shareForm">Teile Formular</button>
</p>
<!-- Importieren Sie das share Skript -->
<script src="/static/ll-form-utils/0.2.4/dist/share.js"></script>
<script>
// Teilen Sie eine URL wenn der "Teile URL" Button angeklickt wurde
document.getElementById('shareUrl').addEventListener('click', () => {
la_share_module.la_share_url('https://my.living-apps.de');
});
// Teilen Sie einen Text mir URL wenn der "Teile Text" Button angeklickt wurde
document.getElementById('shareText').addEventListener('click', () => {
la_share_module.la_share_text('Ich habe eine Lösung gefunden auf:', 'https://my.living-apps.de');
});
// Teilen Sie eine URL zu einem Formular wenn der "Teile Formular" Button angeklickt wurde
document.getElementById('shareForm').addEventListener('click', () => {
la_share_module.la_share_form(
'Bitte füllen Sie folgendes Formular aus: ',
'https://my.living-apps.de/gateway/apps/646cab89ebc17480353d685d/new?view=646cab894f066018ba59e382'
);
});
</script>
Parameter
Es werden, wie im Installationsbeispiel zu sehen, drei verschiedene Funktionen angeboten. Diese erfüllen den gleichen Zweck und unterscheiden sich nur in dem Titel und Hover Effekten auf dem Desktop.
type DefaultSupportedLanguages = 'de' | 'en';
function la_share_url(url: string, lang: DefaultSupportedLanguages = 'de'): Promise<void>;
function la_share_text(text: string, url: string, lang: DefaultSupportedLanguages = 'de'): Promise<void>;
function la_share_form(text: string, url: string, lang: DefaultSupportedLanguages = 'de'): Promise<void>;