常連

注目の的

タグが埋め込まれているサイトのデータを別サイトに表示したいのですが、それを行えるAPI等はありますか？

自分で調べた範囲では「Google Analytics Real Time Reporting API」かGoogle Analyticsの「Management API 」のどちらか、または両方を使えばデータ取得とグラフやチャートを取ってこれるのでは無いかと考えました。

「gtag.js」とういったものを確認したのですが、詳しく読み解いていないのでこちらのjsに関してはわかっていません。

Googleアナリティクスを使い、あるサイトのトラッキングデータやグラフを別のサイトに表示させたい

プラグインのInstagram Feedがうまく表示されません。

インスタグラムのIDの取得はうまくいってるのですが、画面に表示されません。デベロッパーツールのコンソールエラーをみてみたところ、エラーも出てない状態になってます。

![イメージ説明](dbe46a60bf15a860a166fbc22f9d2904.png)

しかし、ソースを見てみるとうまく書き出されてはいるみたいです。「Follw on Instagram」だけなぜか表示されてます。。。↓
![イメージ説明](4a16b5e0c56bb990a0fafeb1862ea279.png)



ちなみにInstagram Feed以外のプラグインを2〜3個試してみたのですが、いずれも表示されなかったためサイト自体に問題があるのか、それともInstagram APIの問題なのかといった感じです。

ヘッダーとフッターをファイルごと削除してみたところ、表示されました。でもファイル自体を残したまま中身を全部消すだけでは表示されませんでした。ヘッダーとフッターのファイルがあることによって吐き出されるソースがある？とかなのでしょうか。JSの問題でしょうか。。。

```header.php

<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Pocket Cabin</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<meta name="viewport" content="width=device-width">
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/css/jquery.bxslider.css" />
	<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/style.css" />
	<link rel=”shortcut icon” href=”images/favicon.ico” />

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
	<script src="https://code.createjs.com/createjs-2015.11.26.min.js"></script>
	<script src="https://code.jquery.com/ui/1.11.0/jquery-ui.js"></script>
	<script async src="https://platform.twitter.com/widgets.js" charset="utf-8"></script>
	

	
	<meta property="og:locale" content="ja_JP">
	<meta property="og:type" content="website">
	<meta property="og:description" content="">
	<meta property="og:title" content="">
	<meta property="og:url" content="">
	<meta property="og:site_name" content="">
	<meta property="og:image" content="images/fb.jpg">
	


</head>

<body>

	<header class="header">
		<div class="container__wide">
			<div id="logo">
				<h1>
					<a href="<?php echo home_url(); ?>">
						<img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg">
					</a>
				</h1>
			</div>
			<nav class="pc-only">
			  <ul id="main">
			    
			  </ul>
				
			</nav>
		</div>

		<div id="contBar"><a id="bar" class="menu-trigger sp-only"><span></span><span></span><span></span></a></div>
	  <div id="bar_menu" class="sp-only">
	    <ul>
				
	    </ul>
			<div class="bar_menu-sns">
				
			</div>
	  </div>
	</header>
```


```footer.php
<footer class="bg_beige">
		<a href="<?php echo home_url(); ?>">
			<img class="ico_b" src="<?php bloginfo('template_directory'); ?>/images/logo.svg" alt="Pocket Cabin">
		</a>
		<div class="sns_wrap">
			
		</div>
		<div>Copyright &copy; Pocket Cabin, All Rights Reserved.</div>
	</footer>

	
	<script src="<?php bloginfo('template_directory'); ?>/js/jquery.bxslider.js"></script>
	<script src="<?php bloginfo('template_directory'); ?>/js/scripts.js"></script>

	<script>
	$(window).on('load', function() {
	  var url = $(location).attr('href');
	  if(url.indexOf("?id=") != -1){
	  var id = url.split("?id=");
	  var $target = $('#' + id[id.length - 1]);
	    if($target.length){
	      var pos = $target.offset().top;
	      $("html, body").animate({scrollTop:pos}, 1000);
	    }
	  }
	});
	</script>

</body>
</html>
```

プラグインのInstagram Feedが表示されない

よく次のような事が言われます。
* 魚を与えるな 釣り方を教えよ
参考サイト：
- 魚を与えるな [http://meganeinfo.com/etc/entry79.html](http://meganeinfo.com/etc/entry79.html)
- 魂が震える話 [https://www.facebook.com/tamafull/posts/498025733541633](https://www.facebook.com/tamafull/posts/498025733541633)
- 釣った魚を与える人か、魚の釣り方を教える人か？ [http://hkcpa.jp/nagoya-de-kigyou/archives/764](http://hkcpa.jp/nagoya-de-kigyou/archives/764)

そこで、次の質問です。
* 多くの質問者はどういった回答を求めてるのでしょうか?
* 多くの回答者は、どういった回答を心がけているのでしょうか?
* 運営側は、どういった QA サイトを目指しているのでしょうか?

私は、 
* 質問するときは、ともかく 解決先(魚)が欲しいです。釣り方も提示されていると嬉しいですが。
* 回答するときは、釣り方を書こうと思っています。 

質問者によって、ともかく空腹を満たすことが最優先な場合と、釣り方を知りたい場合が別れると思います。
QA ページを後日も役に立つものとするためには、釣り方を書くことが優先されるかもしれません。
でも時間が経てば、釣り方も変化します。
当初の回答内容は陳腐化、場合によっては非奨励な方法になることもありえます。
この辺りの折り合いをどうつけていくか ...

プログラミングに関係ないメタな質問なのでマイナスがつくことは覚悟してます。

＃ この質問をするきっかけは、 
＃ "写真共有販売のサーバ費用" の質問とその回答群
＃ "テーブルの作り方で不明" の質問とその回答群 などを読んだことです。

追記： 2016-06-26 11:30
* ベストアンサーは、運営からの回答にだけつけます。こ
こでの質問の私の本意は "teratail 運営の方針は？" なので。
運営側からの回答の為に、利用者の回答を大いに利用していただければと思っています。

追記： 2016-06-26 19:00
 こんな twieet を目にしました。
 > ...
 >「魚です」と言って目に付いた適当な何か(たまたま魚かも知れない)を渡している人とか、「魚の釣り方です」と言ってアウトドア教本の適当なページ(たまたま魚の釣り方かもしれない)をちぎって渡してる人、がいっぱいいるのが #teratail 
 > ...
 
 落語に "蒟蒻(こんにゃく)問答" というのがあります。
 質問と回答のギャップがおもしろい落語です。
 当事者同士よりも、そのやりとりを見ている第三者が一番 学べるのかもしれません。
 
 - [YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI](YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI)
 > 落語ファン必見！五代目小さん 談志 小三治の三人落語 「蒟蒻問答」 - YouTube https://www.youtube.com/watch?v=SB0bEbjZ8sI

動画をみる時間がないかたは、テキストで粗筋を。
- 落語あらすじ事典 蒟蒻問答（こんにゃくもんどう） [http://senjiyose.cocolog-nifty.com/fullface/2005/02/post_6.html](http://senjiyose.cocolog-nifty.com/fullface/2005/02/post_6.html)


追記： 2016-06-25 10:00
* 多様性が重要と思っているので、ベストアンサーにはなりえないけど、
既にある回答とはちょっと異なる観点のものを回答すること
も心がけてます。

追記： 2018-07-30
類似質問 
teratail における回答に関して [https://teratail.com/questions/138657](https://teratail.com/questions/138657)

追記 2019-06-11

質問者が 魚 (コード）をもとめているか、　釣り方(考え方など) をもとえているかを 質問
時に明示できるような機能を teratail に追加するとよいかもしれません。
また回答への ベストアンサーも 魚の回答と、釣り方の回答のそれぞれへつけられるとよいかもしれません。

そもそも質問者が回答群のなかからベストアンセアンサーを適切に選べるのかも疑問。
現在のベストアンサーは質問者にとって一番 役立った回答であり、技術的に本当に優れた回答なのかは甚だ疑わしい。
運営側からの書き込みや teratail 機能の改善で 考え方を示して欲しい。