is_amp() ) { return $this->get_amp_output(); } $json_data = $this->get_json_data(); if (empty($json_data)) { return false; } return "

"; } protected function get_options() { if (empty($this->data['overviewgraph'])) { return false; } $primaryColor = $this->attributes['primaryColor']; $secondaryColor = $this->attributes['secondaryColor']; $textColor = $this->attributes['textColor']; $data = $this->data['overviewgraph']; $title = __( 'Sessions', 'google-analytics-for-wordpress' ); $options = array( 'series' => array( array( 'name' => $title, 'data' => $data['sessions']['datapoints'] ) ), 'chart' => array( 'type' => 'area', 'zoom' => array( 'enabled' => false ), 'toolbar' => array( 'show' => false ) ), 'dataLabels' => array( 'enabled' => false ), 'stroke' => array( 'curve' => 'straight', 'width' => 4, 'colors' => array( $primaryColor ) ), 'fill' => array( 'type' => 'solid' ), 'colors' => array( $secondaryColor ), 'markers' => array( 'style' => 'hollow', 'size' => 5, 'colors' => array( '#ffffff' ), 'strokeColors' => $primaryColor ), 'title' => array( 'text' => $title, 'align' => 'left', 'style' => array( 'color' => $textColor, 'fontSize' => '17px', 'fontWeight' => 'bold', ) ), 'grid' => array( 'show' => true, 'borderColor' => 'rgba(58, 147, 221, 0.15)', 'xaxis' => array( 'lines' => array( 'show' => true ) ), 'yaxis' => array( 'lines' => array( 'show' => true ) ), 'padding' => array( 'top' => 10, 'right' => 10, 'bottom' => 10, 'left' => 10, ) ), 'xaxis' => array( 'categories' => $data['labels'] ), 'yaxis' => array( 'type' => 'numeric' ), ); return $options; } /** * Get AMP-compatible output for sessions graph. * * @return string */ protected function get_amp_output() { if ( empty( $this->data['overviewgraph'] ) ) { return $this->get_amp_placeholder(); } $data = $this->data['overviewgraph']; $sessions_data = $data['sessions']['datapoints']; $labels = $data['labels']; // Get the latest session count $latest_sessions = end( $sessions_data ); $previous_sessions = prev( $sessions_data ); // Calculate change percentage $change_percentage = 0; if ( $previous_sessions > 0 ) { $change_percentage = ( ( $latest_sessions - $previous_sessions ) / $previous_sessions ) * 100; } $change_class = $change_percentage >= 0 ? 'positive' : 'negative'; $change_icon = $change_percentage >= 0 ? '↗' : '↘'; $output = '

'; $output .= '

' . esc_html__( 'Sessions', 'google-analytics-for-wordpress' ) . '

'; $output .= '

'; $output .= '' . number_format( $latest_sessions ) . ''; $output .= ''; $output .= '' . $change_icon . ''; $output .= '' . number_format( abs( $change_percentage ), 1 ) . '%'; $output .= ''; $output .= '

'; $output .= '

'; // Show last 7 data points as a simple list $output .= '

'; $output .= '

' . esc_html__( 'Last 7 days', 'google-analytics-for-wordpress' ) . '

'; $output .= '

'; $output .= '' . esc_html( $label ) . ''; $output .= '' . number_format( $value ) . ''; $output .= '

'; $output .= '

'; return $output; } /** * Get AMP placeholder when no data is available. * * @return string */ private function get_amp_placeholder() { return sprintf( '

', esc_html__( 'No sessions data available', 'google-analytics-for-wordpress' ) ); } }