fix

config/translate.js

@@ -709,6 +709,45 @@ let TOOLSTRICKS = {
   ja: 'ツールとテクニック',
 }
 
+let downloadApp = {
+  zh: '下载APP',
+  en: 'Download App',
+  es: 'Descargar la App',
+  pt: 'Baixar o App',
+  ja: 'アプリをダウンロードする',
+}
+
+let artColor = {
+  zh: 'Art Color',
+  en: 'Art Color',
+  es: 'Art Color',
+  pt: 'Art Color',
+  ja: 'Art Color',
+}
+
+let colorRelex = {
+  zh: '涂色放松！',
+  en: 'Color and Relax!',
+  es: '¡Colorea y Relájate!',
+  pt: 'Cores e Relaxe!,',
+  ja: 'ぬってリラックス！',
+}
+
+let detail = {
+  zh: '详情',
+  en: 'Detail',
+  es: 'detalle',
+  pt: 'detalhe',
+  ja: '詳細',
+}
+
+let home = {
+  zh: '首页',
+  en: 'Home',
+  es: 'Página de inicio',
+  pt: 'Página inicial',
+  ja: 'ホームページ',
+}
 
 
 let translate = {
@@ -800,6 +839,12 @@ let translate = {
   autoNext,
   COLORINGPAGES,
   TOOLSTRICKS,
+
+  downloadApp,
+  artColor,
+  colorRelex,
+  detail,
+  home,
 }
 
 

dist/share.html

@@ -10,7 +10,7 @@
   <meta name="keywords" content="color, paint, app, ios, android, game">
 
   <meta property="og:site_name" content="art.pcoloring.com">
-  <meta property="og:title" content="Art Color">
+  <meta property="og:title" content="Art Number Coloring">
   <meta property="og:description" content="Free Coloring Pages Paint Online!">
   <meta property="og:image"
     content="https://d2mb6s2cy1zg97.cloudfront.net/thumbs/coloring-page/work/480/686240183deb2d264e3a39d9.webp">
@@ -23,12 +23,12 @@
   <meta property="al:ios:url" content="https://art.pcoloring.com/share/686240183deb2d264e3a39d9" />
   <!-- **Universal Link 路径** -->
   <meta property="al:ios:app_store_id" content="1575480118" /> <!-- **iOS App Store ID** -->
-  <meta property="al:ios:app_name" content="Art Color Book" /> <!-- **iOS 应用名称** -->
+  <meta property="al:ios:app_name" content="Art Number Coloring Book" /> <!-- **iOS 应用名称** -->
 
   <meta property="al:android:package" content="com.pcoloring.art.puzzle.color.by.number" /> <!-- **Android 包名** -->
   <meta property="al:android:url" content="https://art.pcoloring.com/share/686240183deb2d264e3a39d9" />
   <!-- ** Universal Link 路径** -->
-  <meta property="al:android:app_name" content="Art Color Book" /> <!-- **Android 应用名称** -->
+  <meta property="al:android:app_name" content="Art Number Coloring Book" /> <!-- **Android 应用名称** -->
 
   <meta name="apple-itunes-app" content="app-id=1575480118">
 
@@ -180,7 +180,7 @@
       margin-top: 40px;
     }
   </style>
-  <script type="module" crossorigin src="/assets/share-inYn1PkN.js"></script>
+  <script type="module" crossorigin src="/assets/share-CFMFjLMV.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
   <link rel="modulepreload" crossorigin href="/assets/WorkLayer-5uUyxw6h.js">
 </head>
@@ -189,7 +189,7 @@
   <div class="image-canvas-container">
     <img id="poster-img"
       src="https://d2mb6s2cy1zg97.cloudfront.net/thumbs/coloring-page/work/480/686240183deb2d264e3a39d9.webp"
-      alt="Art Color" />
+      alt="Art Number Coloring" />
     <canvas id="canvas"></canvas>
     <div id="play-button" class="play-button"></div>
   </div>

routes/v2/detail.js

@@ -74,7 +74,7 @@ router.get('/:id', function (req, res, next) {
         if (ua.includes('iphone') || ua.includes('ipad') || ua.includes('ipod')) {
           downlink = 'itms-apps://itunes.apple.com/app/id1575480118';
         } else if (ua.includes('android')) {
-          downlink = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share';
+          downlink = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number';
         }
       }
 

routes/v2/share.js

@@ -2,6 +2,8 @@ var express = require('express');
 var router = express.Router();
 const utils = require('../../libs/utils');
 const config = require('../../config/app');
+const translate = require('../../config/translate');
+
 
 // deeplink share 专属页路由
 router.get('/:id', function (req, res, next) {
@@ -9,6 +11,8 @@ router.get('/:id', function (req, res, next) {
     let id = req.params.id;
     utils.validators.validateId(id);
 
+    let lang = utils.lang.ensureLanguage(req.query.lang);
+
     let host = config.cdnHost ?? config.resHost;
 
     let imageUrl = `${host}/thumbs/coloring-page/work/480/${id}.webp`;
@@ -23,17 +27,17 @@ router.get('/:id', function (req, res, next) {
       if (ua.includes('iphone') || ua.includes('ipad') || ua.includes('ipod')) {
         downlink = 'itms-apps://itunes.apple.com/app/id1575480118';
       } else if (ua.includes('android')) {
-        downlink = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share';
+        downlink = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number';
       }
     }
 
-
-
     let data = {
       id,
       imageUrl,
       applink,
       downlink,
+      lang,
+      translate,
     }
 
     // 渲染EJS模板到内存中

routes/v2/subscribe.ejs

@@ -242,7 +242,7 @@
                         <span>Download on the App Store</span>
                     </a>
 
-                    <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+                    <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
                         class="app-button" target="_blank">
                         <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="white">
                             <path

views/info.ejs

@@ -94,7 +94,7 @@
         <a class="app-download-btn" href="itms-apps://itunes.apple.com/app/id1575480118"><img
             src="/assets/icon/icon-app-store.svg" alt="app store icon"></a>
         <a class="app-download-btn"
-          href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"><img
+          href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"><img
             src="/assets/icon/icon-google-play.svg" alt="google play icon"></a>
       </div>
       <div class="right">

views/v2/about.ejs

@@ -399,7 +399,7 @@
                                     <img src="/assets/icon/icon-app-store.svg" alt="Download on the App Store"
                                         style="width:100%">
                                 </a>
-                                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+                                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
                                     target="_blank" class="game-badge">
                                     <img src="/assets/icon/icon-google-play.svg" alt="Get it on Google Play"
                                         style="width:100%">

views/v2/app.ejs

@@ -810,7 +810,7 @@
                 <a href="itms-apps://itunes.apple.com/app/id1575480118" target="_blank" class="app-badge">
                     <img src="/assets/icon/icon-app-store.svg" alt="Download on the App Store" style="width:100%">
                 </a>
-                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
                     target="_blank" class="app-badge">
                     <img src="/assets/icon/icon-google-play.svg" alt="Get it on Google Play" style="width:100%">
                 </a>
@@ -1077,7 +1077,7 @@
                 <a href="itms-apps://itunes.apple.com/app/id1575480118" target="_blank" class="app-badge">
                     <img src="/assets/icon/icon-app-store.svg" alt="Download on the App Store" style="width:100%">
                 </a>
-                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+                <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
                     target="_blank" class="app-badge">
                     <img src="/assets/icon/icon-google-play.svg" alt="Get it on Google Play" style="width:100%">
                 </a>

views/v2/detail.ejs

@@ -5,9 +5,7 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/assets/icon/favicon.ico" type="image/x-icon">
-  <title>
-    <%= title %>
-  </title>
+  <title><%= title %></title>
 
   <meta name="description" content="<%= description %>">
   <meta property="og:title" content="<%= title %>">
@@ -276,7 +274,7 @@
 
     const linkDownloadCommon = 'https://pcoloring.com/anc/'; // 通用下载页
     const linkDownloadAppStore = 'itms-apps://itunes.apple.com/app/id1575480118'; // ios app下载链接
-    const linkDownloadPlayMarket = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share';  // android app 下载链接
+    const linkDownloadPlayMarket = 'https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number';  // android app 下载链接
     const ua = window.navigator.userAgent.toLowerCase();
 
     // 动态更新 Open Graph 和 App Links 的 URL 为 Universal Link

views/v2/faq.ejs

@@ -428,7 +428,7 @@
                                 coloring and enhanced touch controls. You can download it from the <a
                                     href="itms-apps://itunes.apple.com/app/id1575480118"
                                     style="color: var(--primary-color);">App Store</a> or <a
-                                    href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+                                    href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
                                     style="color: var(--primary-color);">Google Play</a>.</p>
                         </div>
                     </div>

views/v2/how-to-color-online.ejs

@@ -612,7 +612,7 @@
           <div class="app-stores">
             <a href="itms-apps://itunes.apple.com/app/id1575480118" target="_blank"><img
                 src="/assets/icon/icon-app-store.svg" alt="Download on the App Store"></a>
-            <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+            <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
               target="_blank"><img src="/assets/icon/icon-google-play.svg" alt="Get it on Google Play"></a>
           </div>
         </div>

views/v2/index.ejs

@@ -813,7 +813,7 @@
           <a href="itms-apps://itunes.apple.com/app/id1575480118" target="_blank" class="app-badge">
             <img src="/assets/icon/icon-app-store.svg" alt="Download on the App Store" style="width:100%">
           </a>
-          <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number&pcampaignid=web_share"
+          <a href="https://play.google.com/store/apps/details?id=com.pcoloring.art.puzzle.color.by.number"
             target="_blank" class="app-badge">
             <img src="/assets/icon/icon-google-play.svg" alt="Get it on Google Play" style="width:100%">
           </a>

views/v2/share.ejs

@@ -1,17 +1,24 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="<%= lang %>">
 
 <head>
   <meta http-equiv="x-ua-compatible" content="ie=edge">
   <title>Art Color</title>
 
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=en" hrefLang="en" />
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=zh" hrefLang="zh" />
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=es" hrefLang="es" />
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=pt" hrefLang="pt" />
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=ja" hrefLang="ja" />
+  <link rel="alternate" href="https://art.pcoloring.com/share/<%= id %>?lang=en" hrefLang="x-default" />
+
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <meta name="description" content="Free Coloring Pages Paint Online!">
+  <meta name="description" content="<%= translate.colorRelex[lang] %>">
   <meta name="keywords" content="color, paint, app, ios, android, game">
 
   <meta property="og:site_name" content="art.pcoloring.com">
   <meta property="og:title" content="Art Color">
-  <meta property="og:description" content="Free Coloring Pages Paint Online!">
+  <meta property="og:description" content="<%= translate.colorRelex[lang] %>">
   <meta property="og:image" content="<%= imageUrl %>">
   <meta property="og:type" content="website">
 
@@ -20,18 +27,18 @@
   <meta property="og:url" content="<%= applink %>" /> <!-- **Universal Link 路径** -->
   <meta property="al:ios:url" content="<%= applink %>" /> <!-- **Universal Link 路径** -->
   <meta property="al:ios:app_store_id" content="1575480118" /> <!-- **iOS App Store ID** -->
-  <meta property="al:ios:app_name" content="Art Color Book" /> <!-- **iOS 应用名称** -->
+  <meta property="al:ios:app_name" content="Art Color" /> <!-- **iOS 应用名称** -->
 
   <meta property="al:android:package" content="com.pcoloring.art.puzzle.color.by.number.debug" /> <!-- **Android 包名** -->
   <meta property="al:android:url" content="<%= applink %>" /> <!-- ** Universal Link 路径** -->
-  <meta property="al:android:app_name" content="Art Color Book" /> <!-- **Android 应用名称** -->
+  <meta property="al:android:app_name" content="Art Color" /> <!-- **Android 应用名称** -->
 
   <meta name="apple-itunes-app" content="app-id=1575480118">
 
   <link rel="icon" href="/assets/icon/favicon.ico" type="image/x-icon">
   <link rel="apple-touch-icon" sizes="180x180" href="/assets/icon/icon.png">
 
-  <script type="module" crossorigin src="/assets/share-inYn1PkN.js"></script>
+  <script type="module" crossorigin src="/assets/share-CFMFjLMV.js"></script>
   <link rel="modulepreload" crossorigin href="/assets/modulepreload-polyfill-B5Qt9EMX.js">
   <link rel="modulepreload" crossorigin href="/assets/WorkLayer-5uUyxw6h.js">
 
@@ -251,9 +258,9 @@
     <div id="play-button" class="play-button"></div>
   </div>
   <div class="buttons">
-    <a href="/">Home</a>
-    <a href="<%= downlink %>" class="btn btn-secondary">Download App</a>
-    <a href="/coloring-page/<%= id %>">Detail>></a>
+    <a href="/"><%= translate.home[lang] %></a>
+    <a href="<%= downlink %>" class="btn btn-secondary"><%= translate.downloadApp[lang] %></a>
+    <a href="/coloring-page/<%= id %>"><%= translate.detail[lang] %>>></a>
   </div>
 
   <!-- MARK: 微信引导层 -->