Қазақстандық E-E-A-T: фудблогер үшін Google-де 1-орын және Ad Manager монетизациясы

interface RestaurantReviewData {
  restaurantName: string;
  streetAddress: string;
  city: string;
  postalCode: string;
  latitude: number;
  longitude: number;
  servesCuisine: string[];
  priceRange: string;
  ratingValue: number;
  bestRating: number;
  reviewBody: string;
  authorName: string;
  authorUrl: string;
  datePublished: string;
}

export function generateRestaurantEeatSchema(data: RestaurantReviewData): string {
  const schema = {
    "@context": "https://schema.org",
    "@type": "Review",
    "itemReviewed": {
      "@type": "Restaurant",
      "name": data.restaurantName,
      "image": "https://almaty-food.kz/static/photos/review-cover.webp",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": data.streetAddress,
        "addressLocality": data.city,
        "postalCode": data.postalCode,
        "addressCountry": "KZ"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": data.latitude,
        "longitude": data.longitude
      },
      "servesCuisine": data.servesCuisine,
      "priceRange": data.priceRange
    },
    "reviewRating": {
      "@type": "Rating",
      "ratingValue": data.ratingValue,
      "bestRating": data.bestRating,
      "worstRating": 1
    },
    "author": {
      "@type": "Person",
      "name": data.authorName,
      "url": data.authorUrl,
      "jobTitle": "Гастрономический критик и независимый обозреватель",
      "sameAs": [
        "https://instagram.com/almaty.foodie",
        "https://t.me/almaty_tasty_guide"
      ]
    },
    "datePublished": data.datePublished,
    "reviewBody": data.reviewBody,
    "publisher": {
      "@type": "Organization",
      "name": "Almaty Culinary Guide",
      "logo": {
        "@type": "ImageObject",
        "url": "https://almaty-food.kz/logo.png"
      }
    }
  };

  return JSON.stringify(schema, null, 2);
}

import React, { useEffect, useRef, useState } from 'react';

interface LazyAdSlotProps {
  slotPath: string;
  divId: string;
  dimensions: number[][];
  minDwellSeconds?: number;
}

export const LazyViewabilityAdSlot: React.FC<LazyAdSlotProps> = ({
  slotPath,
  divId,
  dimensions,
  minDwellSeconds = 30
}) => {
  const containerRef = useRef<HTMLDivElement | null>(null);
  const [adLoaded, setAdLoaded] = useState<boolean>(false);

  useEffect(() => {
    if (!containerRef.current) return;

    let refreshTimer: NodeJS.Timeout | null = null;
    let observer: IntersectionObserver | null = null;

    observer = new IntersectionObserver(
      (entries) => {
        entries.forEach((entry) => {
          if (entry.isIntersecting && !adLoaded) {
            setAdLoaded(true);
            if (typeof window !== 'undefined' && (window as any).googletag) {
              const googletag = (window as any).googletag;
              googletag.cmd.push(() => {
                const slot = googletag
                  .defineSlot(slotPath, dimensions, divId)
                  .addService(googletag.pubads());
                googletag.display(divId);

                // Auto-refresh только при условии удержания видимости > 30 секунд
                refreshTimer = setTimeout(() => {
                  if (entry.intersectionRatio >= 0.5) {
                    googletag.pubads().refresh([slot]);
                  }
                }, minDwellSeconds * 1000);
              });
            }
          }
        });
      },
      { threshold: 0.5, rootMargin: '100px 0px' }
    );

    observer.observe(containerRef.current);

    return () => {
      if (observer) observer.disconnect();
      if (refreshTimer) clearTimeout(refreshTimer);
    };
  }, [slotPath, divId, dimensions, adLoaded, minDwellSeconds]);

  return (
    <div
      ref={containerRef}
      className="my-8 mx-auto flex flex-col items-center justify-center bg-neutral-100 dark:bg-neutral-900/50 rounded-xl p-2 border border-neutral-200 dark:border-neutral-800 min-h-[250px]"
      style={{ minWidth: dimensions[0]?.[0] || 300, minHeight: dimensions[0]?.[1] || 250 }}
    >
      <span className="text-[10px] text-neutral-400 uppercase tracking-wider mb-1">Реклама</span>
      <div id={divId} />
    </div>
  );
};

apiVersion: compute.cnrm.cloud.google.com/v1beta1
kind: ComputeBackendBucket
metadata:
  name: almaty-food-guide-static-backend
  namespace: production-media
spec:
  bucketRef:
    name: almaty-food-media-assets
  enableCdn: true
  cdnPolicy:
    cacheMode: "CACHE_ALL_STATIC"
    defaultTtl: 86400
    maxTtl: 31536000
    clientTtl: 3600
    serveWhileStale: 86400
    negativeCaching: true
    negativeCachingPolicy:
      - code: 404
        ttl: 120
      - code: 502
        ttl: 10