Ich versuche, beim Laden der Seite automatisch auf eine Onesignal-Schaltfläche zu klicken. Funktioniert jedoch nicht

Lesezeit: 5 Minuten

Benutzer-Avatar
serhatgksu

Wie kann ich beim Laden der Seite automatisch auf eine „Onesignal“-Schaltfläche klicken? Ich versuche es mit Javascript- und Jquery-Codes, aber es funktioniert nicht.

Die ersten Codes sind hier, wenn die Seite geladen wird.

<div id="onesignal-bell-launcher" class="onesignal-bell-launcher onesignal-bell-launcher-md onesignal-bell-launcher-bottom-right onesignal-bell-launcher-theme-default onesignal-bell-launcher-active">
    <div class="onesignal-bell-launcher-button">
        <!--?xml version="1.0" encoding="utf-8"?-->
        <!-- Generator: Adobe Illustrator 19.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->
        <svg version="1.1" class="onesignal-bell-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="99.7px" height="99.7px" viewBox="0 0 99.7 99.7" style="filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));; -webkit-filter: drop-shadow(0 2px 4px rgba(34,36,38,0.35));;" xml:space="preserve">
            <g>
                <circle class="background" cx="49.9" cy="49.9" r="49.9"></circle>
                <g id="Layer_2">
                    <g>
                        <path class="foreground" d="M50.1,66.2H27.7c0,0-2-0.2-2-2.1c0-1.9,1.7-2,1.7-2s6.7-3.2,6.7-5.5c0-2.3-1.1-3.9-1.1-13.3
                            s6-16.6,13.2-16.6c0,0,1-2.4,3.9-2.4c2.8,0,3.8,2.4,3.8,2.4c7.2,0,13.2,7.2,13.2,16.6s-1,11-1,13.3c0,2.3,6.7,5.5,6.7,5.5
                            s1.7,0.1,1.7,2c0,1.8-2.1,2.1-2.1,2.1H50.1z"></path>
                        <path class="foreground" d="M42.9,68.5h14.5c0,0-1,6.3-7.2,6.3S42.9,68.5,42.9,68.5z"></path>
                        <ellipse class="stroke" cx="49.9" cy="49.9" rx="37.4" ry="36.9"></ellipse>
                    </g>
                </g>
            </g>
        </svg>
        <div class="pulse-ring"></div>
    </div>
    <div class="onesignal-bell-launcher-badge"></div>
    <div class="onesignal-bell-launcher-message">
        <div class="onesignal-bell-launcher-message-body">Lütfen bildirimlere izin veriniz..</div>
    </div>
    <div class="onesignal-bell-launcher-dialog" style="filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));; -webkit-filter: drop-shadow(0px 2px 2px rgba(34,36,38,.15));;">
        <div class="onesignal-bell-launcher-dialog-body">
            <h1>Site bildirimlerini yönet</h1>
            <div class="divider"></div>
            <div class="push-notification">
                <div class="push-notification-icon push-notification-icon-default"></div>
                <div class="push-notification-text-container">
                    <div class="push-notification-text push-notification-text-short"></div>
                    <div class="push-notification-text"></div>
                    <div class="push-notification-text push-notification-text-medium"></div>
                    <div class="push-notification-text"></div>
                    <div class="push-notification-text push-notification-text-medium"></div>
                </div>
            </div>
            <div class="action-container">
                <button type="button" class="action" id="subscribe-button">TAKİP ET</button>
            </div>
            <div class="divider"></div>
            <div class="kickback">Powered by <a href="https://onesignal.com" class="kickback" target="_blank">OneSignal</a></div>
        </div>
    </div>
</div>

Und die zweite Schaltfläche ist geöffnet, wenn die erste Schaltfläche angeklickt wird

<div class="action-container">
    <button type="button" class="action" id="subscribe-button">TAKİP ET</button>
</div>

  • bei Fragen bitte etwas ausführlicher sein.. Wie man gute Fragen stellt, lesen Sie bitte stackoverflow.com/help/how-to-ask

    – Dhaval

    13. Mai 2016 um 7:08 Uhr


  • @serhatgksu: Waren Sie mit der Antwort zufrieden oder haben Sie nach etwas anderem gesucht?

    – Parag Bhayani

    15. Juli 2016 um 9:58 Uhr

  • Ich möchte, dass onesignal den Benutzer automatisch auffordert, sich anzumelden, wenn er meine Website besucht. Wie es geht?

    – Ankit

    2. März 2017 um 3:45 Uhr

  • Sie können ein Onesignal-Plugin für WordPress anzeigen. Er macht das. Aktivieren Sie die Option Neue Website-Besucher automatisch auffordern, Push-Benachrichtigungen zu abonnieren. documentation.onesignal.com/docs/wordpress wordpress.org/plugins/onesignal-free-web-push-notifications

    – Paulo Alexandre Chaves Pinto

    2. März 2017 um 13:09 Uhr

Zuerst müssen Sie ein Onclick-Ereignis registrieren, bei dem die Callback-Funktion über den erforderlichen Code zum Hinzufügen von Elementen verfügt, und dann ein Click-Ereignis auslösen

$( document ).ready(function() {
     $("#subscribe-button").on("click", function() {
          $(this).parent().append("<div class="action-container"><button type="button" class="action" id="subscribe-button2">TAKİP ET</button></div>")
     });
     $("#subscribe-button").trigger('click');
});

Denken Sie daran, dass Sie hier eine andere ID als die zweite Schaltfläche haben sollten. Kein 2-HTML-Code könnte dieselben IDs haben. Wenn Sie versuchen, ein Element abzurufen, wird es Ihnen nur das erste aus dem DOM geben

  • Ich möchte, dass onesignal den Benutzer automatisch auffordert, sich anzumelden, wenn er meine Website besucht. Wie es geht?

    – Ankit

    2. März 2017 um 3:45 Uhr

  • @ankit: Sie können ein div anzeigen, das über Ihrer Seite schwebt, wenn Ihre Seite geladen wird, und es sollte eine Schaltfläche geben, auf die der Benutzer klickt, und dann den obigen Code ausführen …

    – Parag Bhayani

    2. März 2017 um 4:35 Uhr

  • @Ankit Würdest du das bitte näher erläutern? Was ist die richtige Lösung?

    – Parag Bhayani

    3. März 2017 um 5:16 Uhr

  • das ist die richtige lösung documentation.onesignal.com/docs/permission-requests

    – Ankit

    5. März 2017 um 18:13 Uhr

In diesem Fall können Sie von jQuery verwenden. Bitte fügen Sie Ihrem Dokument eine neue js-Datei hinzu und fügen Sie diesen Code hinzu:

$( document ).ready(function() {
     $("#ID OF YOUR BUTTON").trigger('click');
});

Dieser Code wird ausgeführt, wenn das Laden Ihrer HTML-Datei abgeschlossen ist, und klicken Sie auf die Schaltfläche.

  • Ich möchte, dass onesignal den Benutzer automatisch auffordert, sich anzumelden, wenn er meine Website besucht. Wie es geht?

    – Ankit

    2. März 2017 um 3:45 Uhr

Browser haben einen eingebauten Popup-Blocker, der verhindert, dass neue Fenster geöffnet werden, wenn eine Seite geladen wird – der Benutzer muss zuerst auf einen Link oder eine Schaltfläche klicken.

Da die OneSignal-Schaltfläche ein Popup-Fenster öffnet, muss der Benutzer selbst darauf klicken, damit es funktioniert.

  • Ich möchte, dass onesignal den Benutzer automatisch auffordert, sich anzumelden, wenn er meine Website besucht. Wie es geht?

    – Ankit

    2. März 2017 um 3:46 Uhr

Mit jQuery können Sie beim Laden der Seite automatisch auf die Schaltfläche klicken. Versuche dies:

$(document).ready(function() {
     $("#subscribe-button").trigger('click');
});

Leider funktioniert diese Methode nicht. Ich nehme an, Onesignal hat Maßnahmen ergriffen. Meine Websites sind http://mucizeguvelik.com.trkönnen Sie den Onesignal-Schaltflächencode anzeigen.

1144510cookie-checkIch versuche, beim Laden der Seite automatisch auf eine Onesignal-Schaltfläche zu klicken. Funktioniert jedoch nicht

This website is using cookies to improve the user-friendliness. You agree by using the website further.

Privacy policy