Update app.py

app.py

@@ -519,49 +519,69 @@ def plot_emotion_map(emotion_label, scores, method="AI"):
                   fontsize=14, fontweight='bold')
     plt.tight_layout(); return fig
 
-# ===== SNS共有ボタン機能を追加 =====
-def create_share_buttons(emotion_label, place_name):
-    """SNS共有ボタンを生成"""
-    # 共有用のテキスト
-    share_text = f"Voice × Place Labで感情「{emotion_label}」と診断されました！おすすめの場所は「{place_name}」です。"
-    encoded_text = urllib.parse.quote(share_text)
-    
-    # 現在のページURL（実際のデプロイURLに置き換える必要があります）
-    page_url = "https://your-app-url.com"
-    encoded_url = urllib.parse.quote(page_url)
-    
-    # Twitter共有リンク
-    twitter_url = f"https://twitter.com/intent/tweet?text={encoded_text}&url={encoded_url}"
-    
-    # Facebook共有リンク
-    facebook_url = f"https://www.facebook.com/sharer/sharer.php?u={encoded_url}"
-    
-    # LINE共有リンク
-    line_url = f"https://line.me/R/msg/text/?{encoded_text}%20{encoded_url}"
-    
-    # ボタンのHTML
+import urllib.parse
+
+# 共有先URL（固定でOK）
+PAGE_URL   = "https://huggingface.co/spaces/ayaka68/voice2place"
+FAC_URL    = "https://www.hokusei.ac.jp/informatics/"
+PERSON_URL = "https://aonoa68.github.io/"
+
+def _with_utm(url: str, content: str):
+    """共有計測用の UTM を付与"""
+    u = urllib.parse.urlsplit(url)
+    q = urllib.parse.parse_qs(u.query)
+    q["utm_source"]   = ["hub"]
+    q["utm_medium"]   = ["social"]
+    q["utm_campaign"] = ["oc2025"]
+    q["utm_content"]  = [content]  # twitter / facebook / line
+    query = urllib.parse.urlencode(q, doseq=True)
+    return urllib.parse.urlunsplit((u.scheme, u.netloc, u.path, query, u.fragment))
+
+# ===== SNS共有ボタン機能を追加（改訂版） =====
+def create_share_buttons(emotion_label: str, place_name: str):
+    """SNS共有ボタンを生成（学部ページ・個人ページも同梱）"""
+    # 共有本文（本文内に学部URL・個人URLも記載）
+    share_text = (
+        f"Voice × Place Labで「{emotion_label}」と推定。"
+        f"おすすめの場所は「{place_name}」。\n"
+        f"🎓 情報学部: {_with_utm(FAC_URL, 'body')}\n"
+        f"🌐 Onohara: {_with_utm(PERSON_URL, 'body')}\n"
+        "#Voice2Place #AI体験"
+    )
+
+    # 各SNS向けのURL（UTM付き）
+    page_url_twitter  = _with_utm(PAGE_URL, "twitter")
+    page_url_facebook = _with_utm(PAGE_URL, "facebook")
+    page_url_line     = _with_utm(PAGE_URL, "line")
+
+    enc_text = urllib.parse.quote(share_text)
+    enc_url_tw  = urllib.parse.quote(page_url_twitter)
+    enc_url_fb  = urllib.parse.quote(page_url_facebook)
+    enc_url_ln  = urllib.parse.quote(page_url_line)
+
+    # Twitter（本文＋URL）
+    twitter_url  = f"https://twitter.com/intent/tweet?text={enc_text}&url={enc_url_tw}"
+    # Facebook（URL重視。本文は拾われないためページURLに集約）
+    facebook_url = f"https://www.facebook.com/sharer/sharer.php?u={enc_url_fb}"
+    # LINE（本文＋URLを1メッセージに）
+    line_url     = f"https://line.me/R/msg/text/?{enc_text}%20{enc_url_ln}"
+
+    # ボタンHTML（Gradioなら HTML() にそのまま渡せます）
     share_html = f"""
-    <div style='display: flex; gap: 10px; margin: 20px 0;'>
-        <a href='{twitter_url}' target='_blank' style='text-decoration: none;'>
-            <div style='background: #1DA1F2; color: white; padding: 10px 20px; border-radius: 5px; display: inline-block;'>
-                🐦 Twitterで共有
-            </div>
-        </a>
-        <a href='{facebook_url}' target='_blank' style='text-decoration: none;'>
-            <div style='background: #4267B2; color: white; padding: 10px 20px; border-radius: 5px; display: inline-block;'>
-                📘 Facebookで共有
-            </div>
-        </a>
-        <a href='{line_url}' target='_blank' style='text-decoration: none;'>
-            <div style='background: #00B900; color: white; padding: 10px 20px; border-radius: 5px; display: inline-block;'>
-                💬 LINEで共有
-            </div>
-        </a>
+    <div style='display:flex;flex-wrap:wrap;gap:10px;margin:20px 0;'>
+      <a href='{twitter_url}' target='_blank' rel='noopener noreferrer' style='text-decoration:none'>
+        <div style='background:#1DA1F2;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700'>🐦 X(Twitter)で共有</div>
+      </a>
+      <a href='{facebook_url}' target='_blank' rel='noopener noreferrer' style='text-decoration:none'>
+        <div style='background:#4267B2;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700'>📘 Facebookで共有</div>
+      </a>
+      <a href='{line_url}' target='_blank' rel='noopener noreferrer' style='text-decoration:none'>
+        <div style='background:#00B900;color:#fff;padding:10px 16px;border-radius:8px;font-weight:700'>💬 LINEで共有</div>
+      </a>
     </div>
     """
-    
     return share_html
-
+    
 # ===== メイン =====
 def main():
     st.set_page_config(page_title="Voice→Place Recommender", page_icon="🎙️", layout="centered")