XML with api to wordpress

Hello @meganmante

To be able to get the content from the above API you’ll need to develop a custom plugin that can query the XML API – https://cris-admin.anwb.nl/export-api/v1/pqfeed/latest and the display the response via shortcode.

This can be typically done by consulting a WordPress developer. To help you get started if it’s something you’d like to do yourself you can work with the sample plugin below as a start point. The plugin is currently working when i tested it, your API key is already added to the plugin code

Save the above code as a PHP file e.g., anwb-traffic-info.php inside your plugins directory. then enable the anwb-traffic-info plugin.

Once it’s enabled, add the shortcode [anwb_traffic_info] to any page or post where you want the traffic data to appear. Please ensure you work further on the plugin to improve the functionality before using it on a production site.

<?php
/*
Plugin Name: ANWB Traffic Info
Description: Displays live traffic information from ANWB API using an API key.
Version: 1.0
Author: Your Name
*/

function fetch_and_display_anwb_traffic_info() {
    // Define the cache key and expiration time
    $cache_key = 'anwb_traffic_info_cache';
    $cache_expiration = HOUR_IN_SECONDS; // Cache duration (1 hour)

    // Try to get the cached data
    $cached_data = get_transient($cache_key);

    if ($cached_data !== false) {
        // Return the cached data if it exists
        return $cached_data;
    }

    $api_url = 'https://cris-admin.anwb.nl/export-api/v1/pqfeed/latest';
    $api_key = 'xxxxxxxxxxxxxxxxx';

    // Set up the request with the API Key in the headers
    $response = wp_remote_get($api_url, [
        'headers' => [
            'x-api-key' => $api_key
        ]
    ]);

    if (is_wp_error($response)) {
        return 'Error retrieving traffic data: ' . $response->get_error_message();
    }

    $xml_data = wp_remote_retrieve_body($response);

    // Check if we have data
    if (empty($xml_data)) {
        return 'No data received from the API.';
    }

    // Parse the XML response
    $xml = simplexml_load_string($xml_data);
    if (!$xml) {
        return 'Error parsing traffic data.';
    }

    // Start output buffer to capture HTML content
    ob_start();

    echo '<div class="anwb-traffic-info">';
    foreach ($xml->Sections->Section->Messages->Message as $message) {
        echo '<div class="traffic-message">';
        
        // Dynamically get and display each field
        foreach ($message as $key => $value) {
            // Skip empty fields
            if (!empty($value)) {
                echo '<strong>' . esc_html($key) . ':</strong> ' . esc_html($value) . '<br>';
            }
        }

        echo '</div><hr>';
    }
    echo '</div>';

    // Get buffer contents and clean buffer
    $output = ob_get_clean();

    // Cache the output for future requests
    set_transient($cache_key, $output, $cache_expiration);

    return $output;
}

// Register a shortcode to display the data on any page/post
add_shortcode('anwb_traffic_info', 'fetch_and_display_anwb_traffic_info');

• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by Steven Stern (sterndata).

Hi @meganmante

We’re unable to help further than this but for now the plugin above should work 90% to output the response from the above API when you install the plugin add the shortcode [anwb_traffic_info] to any page or post where you want the traffic data to appear.

You’re welcome to reach out to a developer to help expand the functionality further, just wanted to demonstrate how you can make it work.

@meganmante

You can follow the steps here on the link to add a shortcode on your page/post from Elementor.

I hope that helps 🙂

@meganmante,

Please follow the steps below to use the plugin.

• Download the plugin from here – https://file.io/RfKuedub1CqT
• Install and activate the plugin from WordPress admin > plugins
• Add this shortcode [anwb_traffic_info] on elementor with the steps here to any of your page/post and save your page

Once you follow the above process you see the traffic data displaying on the page/post you added it to.

Look like the link got expired. Please download here as soon as you can before it expires again.

@meganmante

Good to know you were able to get the plugin to work to modify the plugin to display only the FullText field from each traffic message, you can update the foreach loop to check specifically for that field.

You can download the new modified plugin here that will display the FullText field only. You just need to update the previous plugin with this new version to see only the FullText field on the response.

• This reply was modified 1 year, 7 months ago by tarhe.
• This reply was modified 1 year, 7 months ago by tarhe.

Yes, since the XML data from the API contains a <FullText> field that includes the primary information you want to display, then accessing $message->FullText is the way to go.