twitterカードの設定のために商品ページのheadタグ内にコードを追加する必要があるのですが、どの欄に入力したら良いでしょうか。
商品説明文をhtmlモードに切り替えて入力、またはその他詳細のmetaタグ設定のいずれかに入力、などでしょうか。
ご教示いただけましたら幸いです。
<head>タグ内にコードを追加する場合は以下の手順にて行ってください。
1. 店長ナビトップ > デザイン設定 > [レイアウト]タブ でページレイアウト管理を表示
2.ページの設定ボタン(ギアアイコン)をクリック
3. [<head>追加]内に内容を追記して「保存」をクリック
以上をご参照いただきコード登録をご確認ください。
ご回答ありがとうございます。
ご案内頂いた方法ですと、ショップのトップページへのリンクとなるかと思うのですが、個別の商品ページにリンクさせるtwitterカードの設定がしたいのです。
個別の商品ページのheadタグの編集はどのように行えば良いでしょうか。
案内させていただいたのは<head>タグへ何らかのタグを追加する方法で<meta>タグなどを追加する際に使用する設定です。
商品ページへの追加については同様にページレイアウト管理を表示した後に[ページ選択：]から「商品詳細」を選択した後に[ページ]枠にある設定ボタン(ギアアイコン)を押すと、商品詳細ページの<head>タグに追加する入力枠が表示されます。
但し、初期設定では「商品一覧と同じにする」にチェックが入っているため、商品詳細ページ独自のタグを追加する場合はチェックを外してください(外すと設定ボタンが表示されます)。
※「商品一覧と同じにする」のチェックを外すと、商品一覧ページの<head>タグに追加していた全ページ共通に入力が必要な
タグ(GoogleSearchConsoleなどのタグ)も外れてしまいますので、商品一覧ページの<head>タグと同様のタグを追加で登録
していただく必要がございますのでご注意ください。
次に、twitterカードについて案内いたします。
他社サービスでございますので詳細な案内はできませんが、使用する場合は以下の様なタグを<head>タグに追加する必要があるかと存じます。
<meta name="twitter:card" content="〜〜〜" />
<meta name="twitter:site" content="〜〜〜" />
<meta property="og:url" content="〜〜〜" /> ←※ 商品ページURLが入ります。
<meta property="og:title" content="〜〜〜" /> ←※ 商品のmetaタグ設定titleに登録した内容が入ります。
<meta property="og:description" content="〜〜〜" /> ←※ 商品のmetaタグ設定descriptionに登録した内容が入ります。
<meta property="og:image" content="〜〜〜" /> ←※ 商品画像(1枚目の登録)のURLが入ります。
これらのタグの※については、イージーマイショップにて自動で生成するショップページには自動で付加される仕組みとなっていますので、twitterカードを設定する場合は<head>タグに対し以下のタグ(上記の※以外)のみを追加する事で設定が可能かと存じます。
<meta name="twitter:card" content="〜〜〜" />
<meta name="twitter:site" content="〜〜〜" />
尚、専用の連携機能としての提供ではございませんので動作が保証できないことを予めご了承ください。
以上を参照いただき設定をお試しください。
無事に解決しました。
自動で付加されるのはとても便利ですね。
大変お手数をおかけ致しました。
ありがとうございました。