Dodaj łatwo widget Google Recenzje do WordPressa

Jak dodać widget recenzji Google do WordPressaNajlepsza wtyczka do recenzji Google dla WordPressaOsadzić recenzje Google na stronie WordPressDarmowy widget recenzji Google dla WordPressaWyświetlanie recenzji Google na WordPressieIntegracja recenzji Google z WordPressemKonfiguracja widgetu recenzji Google dla WordPressaWtyczka WordPress do recenzji GooglePokazanie recenzji Google na stronie WordPressInstalacja widgetu recenzji Google w WordPressie

Objaśnienie

Aby wyświetlić recenzje Google na swojej stronie WordPress, ten kod pomoże Ci dodać widget, który je wyświetli. Oto jak to działa:

Ładowanie skryptu: Kod zawiera skrypt dla widgetu recenzji Google. Ładowany jest tylko na froncie Twojej strony, a nie w obszarze administracyjnym.
Shortcode: Możesz użyć shortcode [google_reviews place_id="YOUR_PLACE_ID"], aby wyświetlić recenzje. Wystarczy zastąpić YOUR_PLACE_ID swoim rzeczywistym identyfikatorem miejsca Google.
Strona ustawień: W Twoim panelu administracyjnym WordPress znajduje się strona ustawień, na której możesz zapisać swój identyfikator miejsca Google. Ułatwia to zarządzanie bez konieczności edytowania shortcode za każdym razem.

Gdy użyjesz shortcode, widget pojawi się wszędzie tam, gdzie go umieścisz na swojej stronie, wyświetlając recenzje z określonego identyfikatora miejsca Google. Upewnij się, że w ustawieniach wprowadzono prawidłowy identyfikator miejsca, aby recenzje były wyświetlane poprawnie.

Kod
<?php
// Function to enqueue Google Reviews Widget script
function wp_dudecom_enqueue_google_reviews_script() {
    if ( ! is_admin() ) {
        wp_enqueue_script( 'google-reviews-widget', 'https://path-to-google-reviews-widget.js', array(), null, true );
    }
}
add_action( 'wp_enqueue_scripts', 'wp_dudecom_enqueue_google_reviews_script' );

// Shortcode to display Google Reviews Widget
function wp_dudecom_display_google_reviews_widget( $atts ) {
    // Ensure the attributes are sanitized
    $atts = shortcode_atts(
        array(
            'place_id' => '', // Google Place ID
        ),
        $atts,
        'google_reviews'
    );

    // Check if Place ID is provided
    if ( empty( $atts['place_id'] ) ) {
        return '<p>Please provide a valid Google Place ID.</p>';
    }

    // Output the Google Reviews Widget
    ob_start();
    ?>
    <div id="google-reviews-widget" data-place-id="<?php echo esc_attr( $atts['place_id'] ); ?>"></div>
    <script>
        // Initialize the Google Reviews Widget
        document.addEventListener('DOMContentLoaded', function() {
            if (typeof GoogleReviewsWidget !== 'undefined') {
                GoogleReviewsWidget.init({
                    placeId: '<?php echo esc_js( $atts['place_id'] ); ?>',
                    container: '#google-reviews-widget'
                });
            }
        });
    </script>
    <?php
    return ob_get_clean();
}
add_shortcode( 'google_reviews', 'wp_dudecom_display_google_reviews_widget' );

// Function to add settings page for Google Reviews Widget
function wp_dudecom_google_reviews_settings_page() {
    add_options_page(
        'Google Reviews Settings',
        'Google Reviews',
        'manage_options',
        'google-reviews-settings',
        'wp_dudecom_google_reviews_settings_page_html'
    );
}
add_action( 'admin_menu', 'wp_dudecom_google_reviews_settings_page' );

// HTML for the settings page
function wp_dudecom_google_reviews_settings_page_html() {
    if ( ! current_user_can( 'manage_options' ) ) {
        return;
    }

    if ( isset( $_POST['wp_dudecom_google_reviews_nonce'] ) && wp_verify_nonce( $_POST['wp_dudecom_google_reviews_nonce'], 'wp_dudecom_google_reviews_save_settings' ) ) {
        update_option( 'wp_dudecom_google_reviews_place_id', sanitize_text_field( $_POST['wp_dudecom_google_reviews_place_id'] ) );
        echo '<div class="updated"><p>Settings saved.</p></div>';
    }

    $place_id = get_option( 'wp_dudecom_google_reviews_place_id', '' );
    ?>
    <div class="wrap">
        <h1>Google Reviews Settings</h1>
        <form method="post" action="">
            <?php wp_nonce_field( 'wp_dudecom_google_reviews_save_settings', 'wp_dudecom_google_reviews_nonce' ); ?>
            <table class="form-table">
                <tr valign="top">
                    <th scope="row">Google Place ID</th>
                    <td>
                        <input type="text" name="wp_dudecom_google_reviews_place_id" value="<?php echo esc_attr( $place_id ); ?>" class="regular-text" />
                        <p class="description">Enter your Google Place ID to display reviews.</p>
                    </td>
                </tr>
            </table>
            <?php submit_button(); ?>
        </form>
    </div>
    <?php
}
?>

Instrukcja

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub stwórz plik własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do panelu administracyjnego WordPressa oraz możliwość edytowania plików motywu lub przesyłania wtyczek.

Kroki wdrożenia:

Dostęp do plików WordPressa:
- Zaloguj się do panelu administracyjnego WordPressa.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik functions.php, lub użyj klienta FTP, aby przesłać plik własnej wtyczki.
Dodaj kod:
- Skopiuj podany fragment kodu.
- Wklej go do pliku functions.php lub do pliku własnej wtyczki.
- Zapisz zmiany.
Skonfiguruj Google Place ID:
- W panelu administracyjnym WordPressa przejdź do Ustawienia > Google Reviews.
- Wprowadź swój Google Place ID w podanym polu.
- Kliknij Zapisz zmiany, aby zapisać ustawienia.
Użyj shortcode:
- W dowolnym poście lub stronie dodaj shortcode [google_reviews place_id="YOUR_PLACE_ID"].
- Zamień YOUR_PLACE_ID na Google Place ID, które skonfigurowałeś w ustawieniach.
- Opublikuj lub zaktualizuj post/stronę, aby wyświetlić widżet Google Reviews.

Jeśli potrzebujesz pomocy przy wdrożeniu lub wymagasz bardziej zaawansowanej funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.

Settings saved.

Google Reviews Settings