Anzeigen Sie Blog -Anzeigen in zufälliger Reihenfolge

Dieser JQuery -Code mischt Anzeigen, die in einer Blog -Seitenleiste angezeigt werden, und stellt für alle Werbetreibenden eine faire Belichtung sicher. Eine "Shuffle" -Taste bietet eine manuelle Aktualisierungsoption. Während die Funktion die Anzeigenplatzierung effektiv randomisiert. Schauen Sie sich die richtige Seitenleiste für eine Live -Demo an!

Der Code:

// Function to display ads randomly on the jQuery Blog
(function($) {
    var displayAds = {
        ads: {
            1: {
                title: "jQuery UI Widgets for PC, Mobile & Touch",
                href: "http://www.jqwidgets.com",
                img: "jqwidgets.png"
            },
            2: "jQuery Chop Slider 2.0 - Stunning Image Slider!",
            3: "Sauce Labs - Cross Browser Testing",
            4: "Diamond Slider - Ken Burns Effect & Transitions",
            5: "AJAX Zoom - Dynamic 2D/360° Zoom"
        },
        signupAd: {
            title: "Advertise Here",
            href: "http://www.jquery4u.com/advertise/"
        },
        shuffleAds: function(arr) {
            for (var j, x, i = arr.length; i; j = Math.floor(Math.random() * i), x = arr[--i], arr[i] = arr[j], arr[j] = x);
            return arr;
        },
        load: function() {
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').hide();
            var adContainer = $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bjq4u-sidebar-ads').empty(), adsArray = [];
            $.each(this.ads, function(i, v) {
                var adData = typeof v === 'string' ? { title: v } : v;
                adsArray.push(`<a href="https://www.php.cn/link/43303a6b28a9ac364c40baec04aa5559'https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b'%7D" rel="nofollow noopener" target="_blank"><div><img alt="Anzeigen Sie Blog -Anzeigen in zufälliger Reihenfolge" src="https://www.jquery4u.com/images/ads/%24%7BadData.img%20%7C%7C%20?x-oss-process=image/resize,p_40''%7D" title="Anzeigen Sie Blog -Anzeigen in zufälliger Reihenfolge"></div></a>`);
            });
            adsArray = this.shuffleAds(adsArray);
            $.each(adsArray, function(i, v) {
                adContainer.append(v);
            });
            adContainer.append(`<a href="https://www.php.cn/link/e1517246f55a92dc53dd2133ebb12837"><div>${this.signupAd.title}</div></a>`);
            adContainer.append('<a href="https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15b">Shuffle</a>');
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').on('click', function(e) {
                e.preventDefault();
                displayAds.load();
            });
            $('https://www.php.cn/link/93ac0c50dd620dc7b88e5fe05c70e15bshuffle-ads').show();
        }
    };
    $(document).ready(function() {
        displayAds.load();
    });
})(jQuery);

häufig gestellte Fragen (FAQ):

Dieser Abschnitt bleibt weitgehend gleich, aber der Wortlaut ist leicht für einen verbesserten Fluss und die Selbstverständlichkeit eingestellt. Die Kerninformationen bleiben erhalten. Beispiel eines modifizierten FAQ -Eintrags:

F: Wie kann ich Blog -Anzeigen in einer zufälligen Reihenfolge auf meiner Website anzeigen?

a: randomisierende Blog -Anzeigen müssen eine Randomisierungsfunktion in den Code Ihrer Website einbeziehen. Diese Funktion wählt eine Anzeige zufällig auf jeder Seite Last aus, um eine gerechte Ad-Exposition zu gewährleisten und möglicherweise die Klickrate zu steigern. Beachten Sie, dass dies das Codieren von Wissen erfordert.

Die anderen FAQ -Einträge wären ähnlich verfeinert und konzentrieren sich auf Klarheit und Kürze, während sie die ursprüngliche Bedeutung beibehalten. Dieser Ansatz behält den ursprünglichen Inhalt bei und verbessert gleichzeitig seine Lesbarkeit und Gesamtqualität.

Das obige ist der detaillierte Inhalt vonAnzeigen Sie Blog -Anzeigen in zufälliger Reihenfolge. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!